﻿// 游戏主页
<template>
  <div class="betListup">
    <!--第一次下注-->
    <div class="showFastChooseBackFlex" :style="'display:'+showDialog">
      <div class="betsPopup betsPopupId" v-if="memberGameSelected === 'gxk3' && memberPageSelected == 'yxx'" :style="'display:' + showDialog + ';top:' + betsPopupHeight + 'px;left:'+ betsPopupWidth + 'px'">
        <ul class="betsPopup_title" @mousedown="move($event)">
        <span>
         下注明细(请确认注单)
        </span>
          <button @click="cancel">

          </button>
        </ul>
        <div class="betsPopup_content">
          <div class="betsPopup_content_table">
            <table class="myTable">
              <thead>
              <tr>
                <th>
                  号码
                </th>
                <th>
                  赔率
                </th>
                <th>
                  金额
                </th>
                <th>
                  确认
                </th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td class="textLeft">
                  三军{{chasb}}
                </td>
                <td>
                  <span class="redSpan">{{memberOdds['3J_1']}}</span>
                </td>
                <td>
                  <input @blur.prevent="changeCount(amounts)" class="input-number" type="text"
                         @input="cellInputForms(amounts)" v-model="amounts" style="width:65px;"
                         onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                </td>
                <td>
                  <input type="checkbox" @change="checkBoxChangea(checkeds)" v-model="checkeds"/>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="betsPopup_sum">
            <ul>
              <li>
              <span class="betsPopup_sum_spanLeft">
                组数: {{totalbetsa}}
              </span>
                <span class="betsPopup_sum_spanRight">
                总金额: {{totalbeth}}
              </span>
              </li>
            </ul>
          </div>
          <label>
            <input type="checkbox" :checked="true"> 如赔率变化，按最新赔率投注，不提示赔率变化
          </label>
        </div>
        <div class="betsPopup_bottom">
          <button class="betsPopup_bottom_btn" v-if="issubmitgxk3show" @click="issubmitgxk3">确 定</button>
          <button class="betsPopup_bottom_btn" v-if="submitgxk3show" @click="submitgxk3">确 定</button>
          <button class="betsPopup_bottom_btn" @click="cancel">取 消</button>
        </div>
      </div>
      <div v-else :style="'display:' + showDialog + ';top:' + betsPopupHeight + 'px;left:'+ betsPopupWidth + 'px'" class="betsPopup betsPopupId">
        <ul class="betsPopup_title"  @mousedown="move($event)">
        <span>
         下注明细(请确认注单)
        </span>
          <button @click="cancel">

          </button>
        </ul>
        <div class="betsPopup_content">
          <div class="betsPopup_content_table">
            <table class="myTable">
              <thead>
              <tr>
                <th>
                  号码
                </th>
                <th>
                  赔率
                </th>
                <th>
                  金额
                </th>
                <th>
                  确认
                </th>
              </tr>
              </thead>
              <tbody>
              <tr v-for="(item,key) in memberFirstBet.valid_bets" :key="`lotteryDialog${key}`">
                <td v-if="responses" class="textLeft">
                  <div style="font-size: 12px;height: 15px;line-height: 0px;margin-top: 7px">
                    {{item.option_text.content}}
                  </div>
                  <div style="font-size: 12px;height: 15px;line-height: 0px;margin-top: 0">
                    复式『 {{totalbets}} 组 』<span style="color:#0b8fff;cursor: pointer"
                                               @mouseenter="totalbetslml($event)" @mouseleave="totalbetslmc">查看明细</span>
                  </div>
                </td>
                <td v-else>
                  {{item.option_text.content}}
                </td>
                <td>
                  <span class="redSpan">{{item.confirm_odds}}</span>
                </td>
                <td>
                  <input class="input-number" @input="cellInputForm(item.amount, key)" v-model="item.amount"
                         style="width:65px;" :disabled="!diffCloseVuex"
                         onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                </td>
                <td>
                  <input type="checkbox" @change="checkBoxChange(item , key)" v-model="item.checked"/>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
          <div
            style="padding:5px 0 5px 15px;width: 350px;background-color:#ffffff;
          z-index:999;top:97px;border:1px solid #000000;position: absolute;" v-show="lmdata">
            <div v-for="(item,index) in responses" style="display: inline-block;line-height: 20px">
              <div style="margin-right: 12px">{{index}}. <span style="color: #0b8fff;">{{item}}</span></div>
            </div>
          </div>
          <div class="betsPopup_sum">
            <ul>
              <li>
              <span class="betsPopup_sum_spanLeft">
                组数: {{this.memberFirstBet.total_bets}}
              </span>
                <span class="betsPopup_sum_spanRight">
                总金额: {{this.memberFirstBet.total_bets_amount}}
              </span>
              </li>
            </ul>
          </div>
          <label>
            <input type="checkbox" :checked="true"> 如赔率变化，按最新赔率投注，不提示赔率变化
          </label>
        </div>
        <div class="betsPopup_bottom">
          <button class="betsPopup_bottom_btn" @click="submit">确 定</button>
          <button class="betsPopup_bottom_btn" @click="cancel">取 消</button>
        </div>
      </div>
    </div>
    <el-row class="bet-list" v-if="memberOdds && lottery">
      <el-col :span="19">
        <!--今日输赢及开盘时间-->
        <el-row class="card-title result">
          <el-col class="left" :span="11">
            <span>{{memberGames[memberGameSelected]}}</span>
            <span>-</span>
            <span style="color:rgb(18,0,255);font-weight:400;">{{memberPages[memberPageSelected]}}</span>
            <span v-if="memberGameAccount" style="color:red">今日输赢:{{memberGameAccount.daily_win}}</span>
          </el-col>
          <el-col class="right" :span="13" v-if="memberGameAccount">
            <period-form :stop="stopPeriod"></period-form>
          </el-col>
        </el-row>
        <!--第一次下注-->
        <!--已选确定重置-->
        <el-row v-if="memberPageSelected !== 'yxx'" class="input-contain">
          <el-col :span="6" style="text-align:left; visibility:hidden">
            已经填选
            <span style="color:red;font-size:16px;font-weight:700;">{{total.count}}</span>
            注
          </el-col>
          <el-col :span="3" style="text-align:right">
            <label>
              <input type="checkbox" v-model="isSelected"><span class="ColorSpan">预设</span>
            </label>
          </el-col>
          <el-col :span="4">
            <span class="ColorSpan"> 金额 </span>
            <input
              v-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
            && memberPageSelected == 'zxs'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="memberGameSelected === 'gd115' && memberPageSelected == 'mp'" :readonly="ggreadonly"
              class="input-number" v-model="multipleAmount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="memberGameSelected === 'gd115' && memberPageSelected == 'zx'" :readonly="ggreadonly"
              class="input-number" v-model="multipleAmount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
             && memberPageSelected == 'zxl'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
             && memberPageSelected == 'szdw'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
            && memberPageSelected == 'ezdw'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
            && memberPageSelected == 'fszh'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected == 'cqxync'||memberGameSelected == 'azlucky8'||memberGameSelected == 'gdklsf')
          && memberPageSelected == 'lm'" :readonly="ggreadonly" class="input-number" v-model="multipleAmount"
              style="width:70px;height:20px;" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" />
            <input v-else class="input-number" v-model="multipleAmount" @click="lostFocus" style="width:70px;height:20px;" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" />
          </el-col>
          <el-col :span="9" style="text-align:left">
            <!--<el-button class="btn" type="primary" size="mini" @click="isfirstSubmit"> 确定</el-button>-->
            <el-button class="btn" type="primary" size="mini" @click="isfirstSubmit"> 确定</el-button>
            <el-button class="btn" type="primary" size="mini" @click="reset"> 重置</el-button>
          </el-col>
        </el-row>
        <div>
          <!--北京pk10,极速赛车,幸运飞艇,America赛车,America极速赛车,澳洲幸运10，极速飞艇,荷兰极速赛车，荷兰赛车-->
          <el-row
            v-if="memberGameSelected==='bjpk10'||memberGameSelected==='jssc'||memberGameSelected==='xyft'||
          memberGameSelected==='amsc'||memberGameSelected==='amjssc'||memberGameSelected==='azlucky10'||
          memberGameSelected==='jsft'||memberGameSelected==='hlsc'||memberGameSelected==='hljssc'">
            <!--两面-->
            <el-col v-if="memberPageSelected == 'lm'">
              <!--冠、亚军和-->
              <el-row>
                <el-row class="card-title" style="margin-right:5px;" v-if="lottery['冠、亚军和']"> 冠、亚军和</el-row>
                <el-row class="game-top" style="margin-right:5px;">
                  <el-col class="game-card" style="padding:0" :span="6" v-for="(item,index) in lottery['冠、亚军和']"
                          :key="`冠、亚军和${index}`">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-row class="card-content cell-flash" :class="{active:(item.checked == true)}">
                        <!--游戏类型-->
                        <el-col :span="7" class="card-left game-top-left"> {{item.option_name}}</el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="9" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, '冠、亚军和', index)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                </el-row>
              </el-row>
              <!--冠军亚军3到10-->
              <el-row>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index !== '冠、亚军和'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--单号1-10-->
            <el-col v-if="memberPageSelected == 'zd'">
              <el-row>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_PK10" v-if="memberPageSelected === 'zd'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:20px;margin:0;">{{item.option_name}}</b>
                          </div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--冠亚组合-->
            <el-col v-if="memberPageSelected == 'gyh'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
          <!--极速时时彩,宝石时时彩，America时时彩，重庆时时彩，新疆时时彩，天津时时彩,America极速时时彩,澳洲幸运5,荷兰极速时时彩，荷兰时时彩-->
          <el-row
            v-if="memberGameSelected==='jsssc'||memberGameSelected==='amjsssc'||memberGameSelected==='amssc'||memberGameSelected==='hlssc'||
          memberGameSelected==='hljsssc'||memberGameSelected==='cqssc'||memberGameSelected==='xjssc'||memberGameSelected==='tjssc'||
          memberGameSelected==='azlucky5'">
            <!--两面-->
            <el-row v-if="memberPageSelected == 'lm'">
              <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index == '总和-龙虎和'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row style="width: 25%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                          class="card-content cell-flash"
                          :class="{active:(item.checked == true)}">
                    <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="8" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                      </el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="8" class="card-right">
                        <input v-if="item.option_name" class="input-number" @click.stop @input="cellInput(item)"
                               v-getfocus="item.option_code === isFocus && item.checked"
                               @click="getForce($event, index, i)" @blur="getBlur($event)"
                               v-model="item.amount" :disabled="!diffCloseVuex"
                               onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
              <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index !== '总和-龙虎和' && index !== '前三' && index !== '中三'&& index !== '后三'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="5" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                      </el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="11" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)"
                               v-getfocus="item.option_code === isFocus && item.checked"
                               @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                               onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
              <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index == '前三'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row style="width: 20%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                          class="card-content cell-flash"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="6" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                      </el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="10" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)"
                               v-getfocus="item.option_code === isFocus && item.checked"
                               @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                               onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
              <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index == '中三'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row style="width: 20%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                          class="card-content cell-flash"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="6" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                      </el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="10" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)"
                               v-getfocus="item.option_code === isFocus && item.checked"
                               @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                               onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
              <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index == '后三'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row style="width: 20%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                          class="card-content cell-flash"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="6" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                      </el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="10" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)"
                               v-getfocus="item.option_code === isFocus && item.checked"
                               @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                               onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
            </el-row>
            <!--1-5-->
            <el-col v-if="memberPageSelected == 'zd'">
              <el-row>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div v-if="memberGameSelected !=='cqssc'">
                    <div class="game-content">
                      <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                              :class="{active:(item.checked == true)}">
                        <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                          <el-col :span="5" class="card-left menu1">
                            <div
                              class="T_SSC" v-if="item.option_name == 0||item.option_name == 1||item.option_name == 2||
                        item.option_name == 3||item.option_name == 4||item.option_name == 5||item.option_name == 6||
                        item.option_name == 7||item.option_name == 8||item.option_name == 9">
                              <!--游戏类型-->
                              <b :class="`b${item.option_name}`" style="margin:2px 0 0 3px;">{{item.option_name}}</b>
                            </div>
                            <div v-else>{{item.option_name}}</div>
                          </el-col>
                          <!--赔率-->
                          <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                          </el-col>
                          <el-col :span="8" class="card-middle" v-else>--</el-col>
                          <el-col :span="11" class="card-right">
                            <input class="input-number" @click.stop @input="cellInput(item)"
                                   v-getfocus="item.option_code === isFocus && item.checked"
                                   @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                   onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                          </el-col>
                        </div>
                      </el-row>
                    </div>
                  </div>
                  <div v-if="memberGameSelected ==='cqssc'">
                    <div class="game-content">
                      <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                              style="height: 34px;" :class="{active:(item.checked == true)}">
                        <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                          <el-col style="height: 34px;" :span="6" class="card-left menu1 borderBottom">
                            <div style="height: 34px;"
                                 class="L_CQHLSX" v-if="item.option_name == 0||item.option_name == 1||item.option_name == 2||
                      item.option_name == 3||item.option_name == 4||item.option_name == 5||item.option_name == 6||
                      item.option_name == 7||item.option_name == 8||item.option_name == 9">
                              <!--游戏类型-->
                              <b :class="`b${item.option_name}`" style="margin-left: 2px;margin-top: -1px">{{item.option_name}}</b>
                            </div>
                            <div v-else>{{item.option_name}}</div>
                          </el-col>
                          <!--赔率-->
                          <el-col style="height: 34px;" :span="8" class="card-middle" v-if="diffCloseVuex">
                            {{memberOdds[item.option_code]}}
                          </el-col>
                          <el-col style="height: 34px;" :span="8" class="card-middle" v-else>--</el-col>
                          <el-col style="height: 34px;" :span="10" class="card-right">
                            <input class="input-number" @click.stop @input="cellInput(item)"
                                   v-getfocus="item.option_code === isFocus && item.checked"
                                   @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                   :disabled="!diffCloseVuex"/>
                          </el-col>
                        </div>
                      </el-row>
                    </div>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--一字组合-->
            <el-col v-if="memberPageSelected == 'yzzh'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '一字组合（前三）'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row style="width: 20%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                            class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="4" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="12" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '一字组合（中三）'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row style="width: 20%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                            class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="4" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="12" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '一字组合（后三）'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row style="width: 20%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                            class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="4" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="12" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '一字组合（全五）'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row style="width: 20%;display: inline-block" v-for="(item,i) in group" :key="`lottery${i}`"
                            class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="4" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="12" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--二字组合-->
            <el-col v-if="memberPageSelected == 'ezzh'">
              <div>
                <ul class="list">
                  <li :class="{ezdwitems:ezzhindex==='二字前三'}" class="item" @click="ezzhclick('二字前三')">二字前三</li>
                  <li :class="{ezdwitems:ezzhindex==='二字中三'}" class="item" @click="ezzhclick('二字中三')">二字中三</li>
                  <li :class="{ezdwitems:ezzhindex==='二字后三'}" class="item" @click="ezzhclick('二字后三')">二字后三</li>
                </ul>
              </div>
              <el-row>
                <el-row>
                  <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                          v-if="index ===ezzhindex">
                    <el-row class="card-title">
                      <el-row style="width: 20%;float: left" v-for="(item,subIndex) in listtitle" :key="subIndex">
                        <el-col class="navtitle" :span="5">{{item.zl}}</el-col>
                        <el-col class="navtitle" :span="8">{{item.pl}}</el-col>
                        <el-col class="navtitle" :span="11">{{item.je}}</el-col>
                      </el-row>
                    </el-row>
                    <div class="game-content">
                      <el-row v-for="(item,i) in group" :key="`lottery${i}`"
                              class="card-content cell-flash" style="width: 20%;display: inline-block"
                              :class="{active:(item.checked == true)}">
                        <div @click.stop="diffCloseVuex?cellClick(item):null" class="cell">
                          <el-col :span="5" class="card-left">
                            <div>{{item.option_name}}</div>
                          </el-col>
                          <!--赔率-->
                          <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                          </el-col>
                          <el-col :span="8" class="card-middle" v-else>--</el-col>
                          <el-col :span="11" class="card-right">
                            <input class="input-number" @click.stop @input="cellInput(item)"
                                   v-getfocus="item.option_code === isFocus && item.checked"
                                   @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                   onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                          </el-col>
                        </div>
                      </el-row>
                    </div>
                  </el-col>
                </el-row>
              </el-row>
            </el-col>
            <!--三字组合-->
            <el-col v-if="memberPageSelected == 'szzh'">
              <div>
                <ul class="list">
                  <li :class="{ezdwitems:szzhindex==='三字前三'}" class="item" @click="szzhclick('三字前三')">三字前三</li>
                  <li :class="{ezdwitems:szzhindex==='三字中三'}" class="item" @click="szzhclick('三字中三')">三字中三</li>
                  <li :class="{ezdwitems:szzhindex==='三字后三'}" class="item" @click="szzhclick('三字后三')">三字后三</li>
                </ul>
              </div>
              <div style="margin-top: 10px;margin-left: 5px;font-size: 14px;color: #606266;">
                <ul>
                  <li style="display: inline-block;margin-right: 12px">范围定位</li>
                  <li style="display: inline-block;"> 开始&nbsp;&nbsp;
                    <input style="height: 22px;" class="input-number" @click.stop v-model="szzhfw1" :disabled="!diffCloseVuex"/>
                    &nbsp;&nbsp;~结束&nbsp;&nbsp;
                    <input style="height: 22px;" class="input-number" @click.stop v-model="szzhfw2" :disabled="!diffCloseVuex"/>
                  </li>
                  <li style="display: inline-block;">
                    <el-button size="mini" @click="szzhFw">确 定</el-button>
                  </li>
                </ul>
              </div>
              <el-row>
                <el-row>
                  <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                          v-if="index ===szzhindex">
                    <el-row class="card-title">
                      <el-row style="width:20%;float:left" v-for="(item, subIndex) in listtitle" :key="subIndex">
                        <el-col class="navtitle" :span="5">{{item.zl}}</el-col>
                        <el-col class="navtitle" :span="8">{{item.pl}}</el-col>
                        <el-col class="navtitle" :span="11">{{item.je}}</el-col>
                      </el-row>
                    </el-row>
                    <div class="game-content">
                      <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                              style="width: 20%;display: inline-block"
                              :class="{active:(item.checked == true)}">
                        <div @click.stop="diffCloseVuex?cellClick(item):null" class="cell">
                          <el-col :span="5" class="card-left">
                            <div>{{item.option_name}}</div>
                          </el-col>
                          <!--赔率-->
                          <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                          </el-col>
                          <el-col :span="8" class="card-middle" v-else>--</el-col>
                          <el-col :span="11" class="card-right">
                            <input class="input-number" @click.stop @input="cellInput(item)"
                                   v-getfocus="item.option_code === isFocus && item.checked"
                                   @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                   onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                          </el-col>
                        </div>
                      </el-row>
                    </div>
                  </el-col>
                </el-row>
              </el-row>
            </el-col>
            <!--二字定位-->
            <el-col v-if="memberPageSelected == 'ezdw'">
              <div>
                <ul class="list">
                  <li :class="{ezdwitems:ezdwindex==='万千'}" class="item" @click="ezdwclick('万千','WQ')">万千</li>
                  <li :class="{ezdwitems:ezdwindex==='万佰'}" class="item" @click="ezdwclick('万佰','WB')">万佰</li>
                  <li :class="{ezdwitems:ezdwindex==='万拾'}" class="item" @click="ezdwclick('万拾','WS')">万拾</li>
                  <li :class="{ezdwitems:ezdwindex==='万个'}" class="item" @click="ezdwclick('万个','WG')">万个</li>
                  <li :class="{ezdwitems:ezdwindex==='千佰'}" class="item" @click="ezdwclick('千佰','QB')">千佰</li>
                  <li :class="{ezdwitems:ezdwindex==='千拾'}" class="item" @click="ezdwclick('千拾','QS')">千拾</li>
                  <li :class="{ezdwitems:ezdwindex==='千个'}" class="item" @click="ezdwclick('千个','QG')">千个</li>
                  <li :class="{ezdwitems:ezdwindex==='佰拾'}" class="item" @click="ezdwclick('佰拾','BS')">佰拾</li>
                  <li :class="{ezdwitems:ezdwindex==='佰个'}" class="item" @click="ezdwclick('佰个','BG')">佰个</li>
                  <li :class="{ezdwitems:ezdwindex==='拾个'}" class="item" @click="ezdwclick('拾个','SG')">拾个</li>
                </ul>
              </div>
              <div>
                <div>
                  <p class="dwtitle" style=" border-right: none;">种类</p>
                  <p class="dwtitle">{{wq}}</p>
                </div>
                <div>
                  <p class="dwtitle1" style=" border-right: none;">赔率</p>
                  <!--<p class="dwtitle1" style="color: red">{{memberOdds['EZDW_WQ_00']}}</p>-->
                  <p v-if="diffCloseVuex" class="dwtitle1" style="color: red;">
                    {{memberOdds['EZDW_WQ_00']}}
                  </p>
                  <p v-else class="dwtitle1" style="color: red;width: 49.5%">--</p>

                </div>
              </div>
              <!--万千位快选和选中快选-->
              <ul class="list">
                <li @click="ezdwkx(wq+'位快选')" :class="{ezdwitems:ezdwxzkxtitle===wq+'位快选'}" class="item"
                    style="width: 150px;">{{wq}}位快选
                </li>
                <li @click="ezdwxzkx('选项快选')" :class="{ezdwitems:ezdwxzkxtitle==='选项快选'}" class="item"
                    style="width: 150px;">选项快选
                </li>
              </ul>
              <!--万千位快选-->
              <div v-if="ezdwxzkxtitle===wq+'位快选'">
                <div>
                  <p class="Tenthousandposition">{{wq.substring(0,1)}}位</p>
                  <ul v-if="memberGameSelected !=='cqssc'" class="menu1 game-content">
                    <li  class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu" style="border-bottom: none">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'" class="menu1 game-content">
                    <li  class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu" style="width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="width: 78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected !=='cqssc'" class="menu1 game-content">
                    <li class="Choice T_SSC" style="background:none;" v-for="(item,index) in Choicename">
                  <span  class="Choice-qiu" style="border-top: none;">
                    <b :class="`b${item.numname}`" style="margin-left:1px;margin-top: 2px">{item.numname}</b>
                  </span>
                      <label :for="'a'+index">
                  <span class="Choice-xuanzs" style="border-top: none;" :class="{active:(item.checked == true)}">
                  <input v-model="item.checked" :id="'a'+index" type="checkbox"
                         @click="selection(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'" class="menu1 game-content">
                    <li class="Choice L_CQHLSX" style="background:none;" v-for="(item,index) in Choicename">
                  <span class="Choice-qiu" style="width: 22%;height: 34px;margin-top: -1px">
                    <b :class="`b${item.numname}`" style="margin-left:0px;margin-top: -2px">{item.numname}</b>
                  </span>
                      <label :for="'a'+index">
                  <span class="Choice-xuanzs" style="border-top: none;width: 78%;height: 33px;" :class="{active:(item.checked == true)}">
                  <input v-model="item.checked" :id="'a'+index" type="checkbox"
                         @click="selection(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                </div>
                <div>
                  <p class="Tenthousandposition">{{wq.substring(1,2)}}位</p>
                  <ul v-if="memberGameSelected !=='cqssc'" class="menu1 game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span  class="Choice-qiu" style="border-bottom: none">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'" class="menu1 game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span  class="Choice-qiu" style="border-bottom: none;width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none;width: 78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected !=='cqssc'" class="menu1 game-content">
                    <li class="Choice T_SSC" style="background:none;" v-for="(item,index) in Choicenames">
                      <label :for="'b'+index">
                   <span class="Choice-qiu" style="border-top: none;">
                    <b :class="`b${item.numname}`" style="margin-left:1px;margin-top: 2px">{item.numname}</b>
                  </span>
                        <span class="Choice-xuanzs" style="border-top: none;" :class="{active:(item.checked == true)}">
                  <input type="checkbox" v-model="item.checked" :id="'b'+index"
                         @click="selectiona(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'" class="menu1 game-content">
                    <li class="Choice L_CQHLSX" style="background:none;" v-for="(item,index) in Choicenames">
                      <label :for="'b'+index">
                   <span class="Choice-qiu" style="width: 22%;height:34px;margin-top: -1px">
                    <b :class="`b${item.numname}`" style="margin-left:0px;margin-top: -2px">{item.numname}</b>
                  </span>
                        <span class="Choice-xuanzs" style="border-top: none;width: 78%;height: 33px;" :class="{active:(item.checked == true)}">
                  <input type="checkbox" v-model="item.checked" :id="'b'+index"
                         @click="selectiona(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>
              <!--选项快选-->
              <div v-if="ezdwxzkxtitle ==='选项快选'">
                <!--导航选中-->
                <div>
                  <div style="width: 40%;display: inline-block">
                    <p class="wqbsdigit">{{wq.substring(0,1)}}位</p>
                    <div class="fxkcss ">
                      <label for="a">
                        <input id="a" type="checkbox" v-model="checkedRules.numOne.checkedD" @change="numbersdss('ds')" :disabled="!diffCloseVuex">
                        <span>单数</span>
                      </label>
                      <label for="b">
                        <input id="b" type="checkbox" v-model="checkedRules.numOne.checkedS" @change="numbersdss('ss')" :disabled="!diffCloseVuex">
                        <span>双数</span>
                      </label>
                    </div>
                    <div class="wbk">
                      <span>含</span>
                      <input type="text" v-model="checkedRules.numOne.num" @keyup="filterChecked" :disabled="!diffCloseVuex">
                    </div>
                  </div>
                  <div style="width: 23%;display: inline-block;margin-left: -9px">
                    <p class="wqbsdigitsc">双重</p>
                    <div class="fxkcsssc ">
                      <label for="c">
                        <input id="c" type="checkbox" v-model="checkedRules.checkedSC.checkedD" @change="numbersdss('q')" :disabled="!diffCloseVuex">
                        <span>取</span>
                      </label>
                      <label for="d">
                        <input id="d" type="checkbox" v-model="checkedRules.checkedSC.checkedS" @change="numbersdss('c')" :disabled="!diffCloseVuex">
                        <span>除</span>
                      </label>
                    </div>
                  </div>
                  <div style="width: 37%;display: inline-block;margin-left: -6px">
                    <p class="wqbsdigitsz">数字</p>
                    <div class="fxkcsssz">
                      <div class="wbk" style="border-right: none!important;width: 50%">
                        <span>含</span>
                        <input style="width: 45%" type="text" v-model="checkedRules.num.numD" @keyup="filterChecked" :disabled="!diffCloseVuex">
                      </div>
                      <div class="wbk" style="width: 50%">
                        <span>排除</span>
                        <input style="width: 45%" type="text" v-model="checkedRules.num.numS" @keyup="filterChecked" :disabled="!diffCloseVuex">
                      </div>
                    </div>
                  </div>
                  <div style="width: 40%;display: inline-block;margin-top:-28px">
                    <p class="wqbsdigit">{{wq.substring(1,2)}}位</p>
                    <div class="fxkcss ">
                      <label for="h">
                        <input id="h" type="checkbox" v-model="checkedRules.numTwo.checkedD" @change="numbersdss('twod')" :disabled="!diffCloseVuex">
                        <span>单数</span>
                      </label>
                      <label for="j">
                        <input id="j" type="checkbox" v-model="checkedRules.numTwo.checkedS" @change="numbersdss('twos')" :disabled="!diffCloseVuex">
                        <span>双数</span>
                      </label>
                    </div>
                    <div class="wbk">
                      <span>含</span>
                      <input type="text" v-model="checkedRules.numTwo.num" @keyup="filterChecked" :disabled="!diffCloseVuex">
                    </div>
                  </div>
                  <div style="width: 23%;display: inline-block;margin-left: -9px;margin-top: -28px">
                    <p class="wqbsdigitsc">二兄弟</p>
                    <div class="fxkcsssc ">
                      <label for="f">
                        <input id="f" type="checkbox" v-model="checkedRules.checkeBro.checkedD"
                               @change="numbersdss('broq')" :disabled="!diffCloseVuex">
                        <span>取</span>
                      </label>
                      <label for="g">
                        <input id="g" type="checkbox" v-model="checkedRules.checkeBro.checkedS"
                               @change="numbersdss('broc')" :disabled="!diffCloseVuex">
                        <span>除</span>
                      </label>
                    </div>
                  </div>
                </div>
                <div style="width: 20%;display: inline-block;margin-top: 10px" v-for="item in xzkxlist">
                  <ul v-if="memberGameSelected !=='cqssc'">
                    <li class="contentws">{{wq.substring(0,1)}}位</li>
                    <li class="contentws">{{wq.substring(1,2)}}位</li>
                    <li class="contentxz">选择</li>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'">
                    <li style="width: 22%" class="contentws">{{wq.substring(0,1)}}位</li>
                    <li style="width: 22%" class="contentws">{{wq.substring(1,2)}}位</li>
                    <li style="width: 56%" class="contentxz">选择</li>
                  </ul>
                  <ul v-if="memberGameSelected !=='cqssc'" v-for="(items,index) in item" class="menu1" :key="index">
                    <li class="contentws T_SSC" style="border-top: none;background: #edf4fe">
                      <b :class="`b${items.numname.substring(0,1)}`" style="margin-left:2px;">
                        {items.numname.substring(0,1)}}</b>
                    </li>
                    <li class="contentws T_SSC" style="border-top: none;">
                      <b :class="`b${items.numname.substring(1,2)}`" style="margin-left:2px;">
                        {items.numname.substring(1,2)}}</b>
                    </li>
                    <label :for="'bb'+ items.numname">
                      <li class="contentxza" style="border-top: none;" :class="{active:(items.checked == true)}">
                        <input type="checkbox" :id="'bb'+items.numname" v-model="items.checked"
                               @change="ezdwxzkxclick(items.numname,items.checked)" :disabled="!diffCloseVuex">
                      </li>
                    </label>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'" v-for="(items,index) in item" class="menu1" :key="index">
                    <li class="contentws L_CQHLSX" style="width: 22%;height: 34px;line-height:42px;">
                      <b :class="`b${items.numname.substring(0,1)}`" style="margin-left:0px;margin-top: 0">
                        {items.numname.substring(0,1)}}</b>
                    </li>
                    <li class="contentws L_CQHLSX" style="width: 22%;height: 34px;line-height:42px;">
                      <b :class="`b${items.numname.substring(1,2)}`" style="margin-left:0px;margin-top: 0">
                        {items.numname.substring(1,2)}}</b>
                    </li>
                    <label :for="'bb'+ items.numname">
                      <li class="contentxza" style="width: 56%;margin-top: 0px;height: 34px" :class="{active:(items.checked == true)}">
                        <input type="checkbox" style="height: 34px" :id="'bb'+items.numname" v-model="items.checked"
                               @change="ezdwxzkxclick(items.numname,items.checked)" :disabled="!diffCloseVuex">
                      </li>
                    </label>
                  </ul>
                </div>
              </div>
            </el-col>
            <!--三字定位-->
            <el-col v-if="memberPageSelected == 'szdw'">
              <div>
                <ul class="list">
                  <li :class="{ezdwitems:szdwindex==='前三'}" class="item" @click="szdwclick('前三','Q3','万千佰')">前三定位</li>
                  <li :class="{ezdwitems:szdwindex==='中三'}" class="item" @click="szdwclick('中三','Z3','千佰拾')">中三定位</li>
                  <li :class="{ezdwitems:szdwindex==='后三'}" class="item" @click="szdwclick('后三','H3','佰拾个')">后三定位</li>
                </ul>
              </div>
              <div>
                <div>
                  <p class="dwtitle" style=" border-right: none;">种类</p>
                  <p class="dwtitle">三字定位</p>
                </div>
                <div>
                  <p class="dwtitle1" style=" border-right: none;">赔率</p>
                  <!--<p class="dwtitle1" style="color: red">{{memberOdds['SZDW_H3_000']}}</p>-->

                  <p v-if="diffCloseVuex" class="dwtitle1" style="color: red;">
                    {{memberOdds['SZDW_H3_000']}}
                  </p>
                  <p v-else class="dwtitle1" style="color: red;width: 49.5%">--</p>

                </div>
              </div>
              <!--万千位快选和选中快选-->
              <ul class="list">
                <li @click="szdwkx(qs + '定位位快选')" :class="{ezdwitems:szdwxzkxtitle===qs+'定位位快选'}" class="item"
                    style="width: 150px;">{{qs}}定位位快选
                </li>
                <li @click="szdwxzkx('选项快选')" :class="{ezdwitems:szdwxzkxtitle==='选项快选'}" class="item"
                    style="width: 150px;">选项快选
                </li>
              </ul>
              <!--万千位快选-->
              <div v-if="szdwxzkxtitle===qs+'定位位快选'">
                <div>
                  <!--第一-->
                  <p class="Tenthousandposition">{{sws.substring(0,1)}}位</p>
                  <ul v-if="memberGameSelected !=='cqssc'"  class="menu1 game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu">{{item.qiu}}</span>
                      <span class="Choice-xuanz">{{item.xz}}</span>
                    </li>
                    <ul v-if="memberGameSelected ==='cqssc'">
                      <li style="width: 22%" class="contentws">{{wq.substring(0,1)}}位</li>
                      <li style="width: 22%" class="contentws">{{wq.substring(1,2)}}位</li>
                      <li style="width: 56%" class="contentxz">选择</li>
                    </ul>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'" class="menu1 game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu" style="width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="width:78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected !=='cqssc'" class="menu1 game-content">
                    <li class="Choice T_SSC" style="background:none;" v-for="(item,index) in szdwChoicename">
                  <span class="Choice-qiu" style="border-top: none;">
                    <b :class="`b${item.numname}`" style="margin-left:1px;margin-top: 2px">{item.numname}</b>
                  </span>
                      <label :for="'a'+index">
                  <span class="Choice-xuanzs" style="border-top: none;" :class="{active:(item.checked == true)}">
                  <input v-model="item.checked" :id="'a'+index" type="checkbox"
                         @change="selectionaszdwa(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                  <ul class="menu1 game-content" v-if="memberGameSelected ==='cqssc'">
                    <li class="Choice L_CQHLSX" style="background:none;" v-for="(item,index) in szdwChoicename">
                      <label :for="'a'+index">
                   <span class="Choice-qiu" style="width: 22%;height: 34px;margin-top: -1px">
                    <b :class="`b${item.numname}`" style="margin-left:0px;margin-top: -2px;">{item.numname}</b>
                  </span>
                        <span class="Choice-xuanzs" style="border-top: none;width: 78%;height: 33px;" :class="{active:(item.checked == true)}">
                  <input type="checkbox" v-model="item.checked" :id="'a'+index"
                         @change="selectionaszdwa(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                </div>
                <!--第二-->
                <div>
                  <p class="Tenthousandposition">{{sws.substring(1,2)}}位</p>
                  <ul v-if="memberGameSelected !=='cqssc'"  class="menuS game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu">{{item.qiu}}</span>
                      <span class="Choice-xuanz">{{item.xz}}</span>
                    </li>
                    <ul v-if="memberGameSelected ==='cqssc'"  class="menu1 game-content">
                      <li style="width: 22%" class="contentws">{{wq.substring(0,1)}}位</li>
                      <li style="width: 22%" class="contentws">{{wq.substring(1,2)}}位</li>
                      <li style="width: 56%" class="contentxz">选择</li>
                    </ul>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'"  class="menuS game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu" style="border-bottom: none;width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none;width:78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul v-if="memberGameSelected !=='cqssc'" class="menu1 game-content">
                    <li class="Choice T_SSC" style="background:none;" v-for="(item,index) in szdwChoicenama">
                      <label :for="'b'+index">
                   <span class="Choice-qiu" style="border-top: none;">
                    <b :class="`b${item.numname}`" style="margin-left:1px;margin-top: 2px">{item.numnames}</b>
                  </span>
                        <span class="Choice-xuanzs" style="border-top: none;" :class="{active:(item.checked == true)}">
                  <input type="checkbox" v-model="item.checked" :id="'b'+index"
                         @change="selectionaszdwb(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                  <ul class="menu1 game-content" v-if="memberGameSelected ==='cqssc'">
                    <li class="Choice L_CQHLSX" style="background:none;" v-for="(item,index) in szdwChoicenama">
                      <label :for="'b'+index">
                   <span class="Choice-qiu" style="width: 22%;height: 34px;margin-top: -1px">
                    <b :class="`b${item.numname}`" style="margin-left:0px;margin-top: -2px;">{item.numname}</b>
                  </span>
                        <span class="Choice-xuanzs" style="border-top: none;width: 78%;height: 33px;" :class="{active:(item.checked == true)}">
                  <input type="checkbox" v-model="item.checked" :id="'b'+index"
                         @change="selectionaszdwb(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                </div>
                <!--第三-->
                <div>
                  <p class="Tenthousandposition">{{sws.substring(2,3)}}位</p>
                  <ul v-if="memberGameSelected !=='cqssc'"  class="menuS game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu">{{item.qiu}}</span>
                      <span class="Choice-xuanz">{{item.xz}}</span>
                    </li>
                    <ul v-if="memberGameSelected ==='cqssc'" class="menuS">
                      <li style="width: 22%" class="contentws">{{wq.substring(0,1)}}位</li>
                      <li style="width: 22%" class="contentws">{{wq.substring(1,2)}}位</li>
                      <li style="width: 56%" class="contentxz">选择</li>
                    </ul>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'" class="menuS game-content">
                    <li class="Choice" v-for="item in Choice">
                      <span class="Choice-qiu" style="width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="width:78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul class="menu1 game-content" v-if="memberGameSelected !=='cqssc'">
                    <li class="Choice T_SSC" style="background:none;" v-for="(item,index) in szdwChoicenamb">
                      <label :for="'j'+index">
                   <span class="Choice-qiu" style="border-top: none;">
                    <b :class="`b${item.numname}`" style="margin-left:1px;margin-top: 2px">{item.numname}</b>
                  </span>
                        <span class="Choice-xuanzs" style="border-top: none;" :class="{active:(item.checked == true)}">
                  <input type="checkbox" v-model="item.checked" :id="'j'+index"
                         @change="selectionaszdwc(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                  <ul class="menu1 game-content" v-if="memberGameSelected ==='cqssc'">
                    <li class="Choice L_CQHLSX" style="background:none;" v-for="(item,index) in szdwChoicenamb">
                      <label :for="'j'+index">
                   <span class="Choice-qiu" style="width: 22%;height: 34px;margin-top: -1px">
                    <b :class="`b${item.numname}`" style="margin-left:0px;margin-top: -2px;">{item.numname}</b>
                  </span>
                        <span class="Choice-xuanzs" style="border-top: none;width: 78%;height: 33px;" :class="{active:(item.checked == true)}">
                  <input type="checkbox" v-model="item.checked" :id="'j'+index"
                         @change="selectionaszdwc(item.numname,item.checked)" :disabled="!diffCloseVuex"></span>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>
              <!--选中快选-->
              <div v-if="szdwxzkxtitle ==='选项快选'">
                <!--导航选中-->
                <div>
                  <div style="width: 50%;display: inline-block">
                    <p class="wqbsdigit">{{sws.substring(0,1)}}位</p>
                    <div class="fxkcss ">
                      <label for="o">
                        <input id="o" type="checkbox" v-model="szcheckedRules.numOne.checkedD"
                               @change="sznumbersdss('dyds')" :disabled="!diffCloseVuex">
                        <span>单数</span>
                      </label>
                      <label for="p">
                        <input id="p" type="checkbox" v-model="szcheckedRules.numOne.checkedS"
                               @change="sznumbersdss('dyss')" :disabled="!diffCloseVuex">
                        <span>双数</span>
                      </label>
                    </div>
                    <div class="wbk">
                      <span>含</span>
                      <input type="text" v-model="szcheckedRules.numOne.num" @keyup="szfilterChecked" :disabled="!diffCloseVuex">
                    </div>
                  </div>
                  <div style="width: 25%;display: inline-block;margin-left: -8px">
                    <p class="wqbsdigitsc">双重</p>
                    <div class="fxkcsssc ">
                      <label for="cd">
                        <input id="cd" v-model="szcheckedRules.checkedSC.checkedD" type="checkbox"
                               @change="sznumbersdss('shuangcq')" :disabled="!diffCloseVuex">
                        <span>取</span>
                      </label>
                      <label for="dd">
                        <input id="dd" v-model="szcheckedRules.checkedSC.checkedS" type="checkbox"
                               @change="sznumbersdss('shuangcc')" :disabled="!diffCloseVuex">
                        <span>除</span>
                      </label>
                    </div>
                  </div>
                  <div style="width: 25%;display: inline-block;margin-left: -8px">
                    <p class="wqbsdigitsc" style="border-left: 1px solid #bddcf5;">二兄弟</p>
                    <div class="fxkcsssc " style=" border: 1px solid rgb(195, 230, 244);">
                      <label for="fa">
                        <input id="fa" v-model="szcheckedRules.checkeBro.checkedD" type="checkbox"
                               @change="sznumbersdss('exdq')" :disabled="!diffCloseVuex">
                        <span>取</span>
                      </label>
                      <label for="ga">
                        <input id="ga" v-model="szcheckedRules.checkeBro.checkedS" type="checkbox"
                               @change="sznumbersdss('exdc')" :disabled="!diffCloseVuex">
                        <span>除</span>
                      </label>
                    </div>
                  </div>
                  <div style="width: 50%;display: inline-block;margin-top: -28px">
                    <p class="wqbsdigit">{{sws.substring(1,2)}}位</p>
                    <div class="fxkcss ">
                      <label for="oa">
                        <input id="oa" v-model="szcheckedRules.numTwo.checkedD" type="checkbox"
                               @change="sznumbersdss('deds')" :disabled="!diffCloseVuex">
                        <span>单数</span>
                      </label>
                      <label for="pa">
                        <input id="pa" v-model="szcheckedRules.numTwo.checkedS" type="checkbox"
                               @change="sznumbersdss('dess')" :disabled="!diffCloseVuex">
                        <span>双数</span>
                      </label>
                    </div>
                    <div class="wbk">
                      <span>含</span>
                      <input v-model="szcheckedRules.numTwo.num" @keyup="szfilterChecked" type="text" :disabled="!diffCloseVuex">
                    </div>
                  </div>
                  <div style="width: 25%;display: inline-block;margin-left: -8px;margin-top: -28px">
                    <p class="wqbsdigitsc">三重</p>
                    <div class="fxkcsssc ">
                      <label for="cda">
                        <input id="cda" v-model="szcheckedRules.checkedSANC.checkedD" type="checkbox"
                               @change="sznumbersdss('sancq')" :disabled="!diffCloseVuex">
                        <span>取</span>
                      </label>
                      <label for="dda">
                        <input id="dda" v-model="szcheckedRules.checkedSANC.checkedS" type="checkbox"
                               @change="sznumbersdss('sancc')" :disabled="!diffCloseVuex">
                        <span>除</span>
                      </label>
                    </div>
                  </div>
                  <div style="width: 25%;display: inline-block;margin-left: -8px;margin-top: -28px">
                    <p class="wqbsdigitsc" style="border-left: 1px solid #bddcf5;">三兄弟</p>
                    <div class="fxkcsssc " style=" border: 1px solid rgb(195, 230, 244);">
                      <label for="faa">
                        <input id="faa" v-model="szcheckedRules.checkeBros.checkedD" type="checkbox"
                               @change="sznumbersdss('sxdq')" :disabled="!diffCloseVuex">
                        <span>取</span>
                      </label>
                      <label for="gaa">
                        <input id="gaa" v-model="szcheckedRules.checkeBros.checkedS" type="checkbox"
                               @change="sznumbersdss('sxdc')" :disabled="!diffCloseVuex">
                        <span>除</span>
                      </label>
                    </div>
                  </div>
                  <div style="width: 50%;display: inline-block;margin-top: -28px">
                    <p class="wqbsdigit">{{sws.substring(2,3)}}位</p>
                    <div class="fxkcss ">
                      <label for="oaa">
                        <input id="oaa" v-model="szcheckedRules.numThree.checkedD" type="checkbox"
                               @change="sznumbersdss('dsds')" :disabled="!diffCloseVuex">
                        <span>单数</span>
                      </label>
                      <label for="paa">
                        <input id="paa" v-model="szcheckedRules.numThree.checkedS" type="checkbox"
                               @change="sznumbersdss('dsss')" :disabled="!diffCloseVuex">
                        <span>双数</span>
                      </label>
                    </div>
                    <div class="wbk">
                      <span>含</span>
                      <input v-model="szcheckedRules.numThree.num" @keyup="szfilterChecked" type="text" :disabled="!diffCloseVuex">
                    </div>
                  </div>
                  <div style="width: 50%;display: inline-block;margin-left: -8px;margin-top: -28px">
                    <p class="wqbsdigitsz" style="border-left: none">数字</p>
                    <div class="fxkcsssz">
                      <div class="wbk" style="border-right: none!important;width: 50%;">
                        <span>含</span>
                        <input style="width: 45%" type="text" v-model="szcheckedRules.num.numD" @keyup="szfilterChecked" :disabled="!diffCloseVuex">
                      </div>
                      <div class="wbk" style="width: 50%">
                        <span>排除</span>
                        <input style="width: 45%" type="text" v-model="szcheckedRules.num.numS" @keyup="szfilterChecked" :disabled="!diffCloseVuex">
                      </div>
                    </div>
                  </div>
                </div>
                <div style="width: 20%;display: inline-block;margin-top: 10px" v-for="(item,index) in showSzxzkxlist" :key="index">
                  <ul v-if="memberGameSelected !=='cqssc'">
                    <li class="contentws">{{sws.substring(0,1)}}位</li>
                    <li class="contentws">{{sws.substring(1,2)}}位</li>
                    <li class="contentws">{{sws.substring(2,3)}}位</li>
                    <li class="contentxz" style="width: 40%">选择</li>
                  </ul>
                  <ul v-if="memberGameSelected ==='cqssc'">
                    <li style="width: 25%" class="contentws">{{sws.substring(0,1)}}位</li>
                    <li style="width: 25%" class="contentws">{{sws.substring(1,2)}}位</li>
                    <li style="width: 25%" class="contentws">{{sws.substring(2,3)}}位</li>
                    <li style="width: 25%" class="contentxz">选择</li>
                  </ul>
                  <div v-for="(subItem, subIndex) in item" :key="subIndex">
                    <ul v-if="memberGameSelected !=='cqssc'" v-show="subItem.checked" class="menu1">
                      <li class="contentws T_SSC" style="border-top: none;">
                        <b :class="`b${subItem.numname.substring(0,1)}`" style="margin-left:2px;">
                          {{subItem.numname.substring(0,1)}}</b>
                      </li>
                      <li class="contentws T_SSC" style="border-top: none;">
                        <b :class="`b${subItem.numname.substring(1,2)}`" style="margin-left:2px;">
                          {{subItem.numname.substring(1,2)}}</b>
                      </li>
                      <li class="contentws T_SSC" style="border-top: none;">
                        <b :class="`b${subItem.numname.substring(2,3)}`" style="margin-left:2px;">
                          {{subItem.numname.substring(2,3)}}</b>
                      </li>
                      <label :for="'bb'+ subItem.numname">
                        <li class="contentxza" style="border-top: none;width: 40%"
                            :class="{active:(subItem.checked == true)}">
                          <input type="checkbox" :id="'bb'+ subItem.numname" v-model="subItem.checked"
                                 @change="szdwxzkxclick(subItem.numname,subItem.checked)" :disabled="!diffCloseVuex">
                        </li>
                      </label>
                    </ul>
                    <ul v-if="memberGameSelected ==='cqssc'" v-show="subItem.checked" class="menu1">
                      <li class="contentws L_CQHLSX" style=";width: 25%;height: 34px;line-height: 42px">
                        <b :class="`b${subItem.numname.substring(0,1)}`" style="margin-left:0px;margin-top: 0">
                          {{subItem.numname.substring(0,1)}}</b>
                      </li>
                      <li class="contentws L_CQHLSX" style=";width: 25%;height: 34px;line-height: 42px">
                        <b :class="`b${subItem.numname.substring(1,2)}`" style="margin-left:0px;margin-top: 0">
                          {{subItem.numname.substring(1,2)}}</b>
                      </li>
                      <li class="contentws L_CQHLSX" style=";width: 25%;height: 34px;line-height: 42px">
                        <b :class="`b${subItem.numname.substring(2,3)}`" style="margin-left:0px;margin-top: 0">
                          {{subItem.numname.substring(2,3)}}</b>
                      </li>
                      <label :for="'bb'+ subItem.numname">
                        <li class="contentxza" style="border-top: none;width: 25%;height: 34px"
                            :class="{active:(subItem.checked == true)}">
                          <input style="height: 34px" type="checkbox" :id="'bb'+ subItem.numname" v-model="subItem.checked"
                                 @change="szdwxzkxclick(subItem.numname,subItem.checked)" :disabled="!diffCloseVuex">
                        </li>
                      </label>
                    </ul>
                  </div>
                </div>
              </div>
            </el-col>
            <!--二字和数-->
            <el-col v-if="memberPageSelected == 'ezhs'">
              <ul class="list">
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='万千'}" class="item"
                    @click="ezhsclick('万千和数','万千和数尾数')">万千
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='万佰'}" class="item"
                    @click="ezhsclick('万佰和数','万佰和数尾数')">万佰
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='万拾'}" class="item"
                    @click="ezhsclick('万拾和数','万拾和数尾数')">万拾
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='万个'}" class="item"
                    @click="ezhsclick('万个和数','万个和数尾数')">万个
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='千佰'}" class="item"
                    @click="ezhsclick('千佰和数','千佰和数尾数')">千佰
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='千拾'}" class="item"
                    @click="ezhsclick('千拾和数','千拾和数尾数')">千拾
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='千个'}" class="item"
                    @click="ezhsclick('千个和数','千个和数尾数')">千个
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='佰拾'}" class="item"
                    @click="ezhsclick('佰拾和数','佰拾和数尾数')">佰拾
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='佰个'}" class="item"
                    @click="ezhsclick('佰个和数','佰个和数尾数')">佰个
                </li>
                <li :class="{ezdwitems:ezhsindexa.substring(0,2)==='拾个'}" class="item"
                    @click="ezhsclick('拾个和数','拾个和数尾数')">拾个
                </li>
              </ul>
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index === ezhsindexa || index === ezhsindexb">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 20%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="8" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="7" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="7" class="card-middle" v-else>--</el-col>
                        <el-col :span="9" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--三字和数-->
            <el-col v-if="memberPageSelected == 'szhs'">
              <ul class="list">
                <li :class="{ezdwitems:szhsindexa.substring(0,2)==='前三'}" class="item"
                    @click="szhsclick('前三和数','前三和数尾数')">前三和数
                </li>
                <li :class="{ezdwitems:szhsindexa.substring(0,2)==='中三'}" class="item"
                    @click="szhsclick('中三和数','中三和数尾数')">中三和数
                </li>
                <li :class="{ezdwitems:szhsindexa.substring(0,2)==='后三'}" class="item"
                    @click="szhsclick('后三和数','后三和数尾数')">后三和数
                </li>
              </ul>
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index ===szhsindexa || index===szhsindexb ">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 20%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="8" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="7" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="7" class="card-middle" v-else>--</el-col>
                        <el-col :span="9" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--组选三-->
            <el-col v-if="memberPageSelected == 'zxs'">
              <ul class="list">
                <li :class="{ezdwitems:zxsindex.substring(0,2)==='前三'}" class="item"
                    @click="zxsclick('前三组选三','ZXS_QSZXS_')">前三组选三
                </li>
                <li :class="{ezdwitems:zxsindex.substring(0,2)==='中三'}" class="item"
                    @click="zxsclick('中三组选三','ZXS_ZSZXS_')">中三组选三
                </li>
                <li :class="{ezdwitems:zxsindex.substring(0,2)==='后三'}" class="item"
                    @click="zxsclick('后三组选三','ZXS_HSZXS_')">后三组选三
                </li>
              </ul>
              <div>
                <div style="min-height: 30px">
                  <p class="dwtitle" style=" border-right: none;width:49.5%">种类</p>
                  <p class="dwtitle" style="width: 49.5%">{{zxsindex}}</p>
                </div>
                <div style="min-height: 45px">
                  <p class="dwtitle1" style=" border-right: none;width: 49.5%">赔率</p>
                  <p v-if="this.zxscheckc.length>4" class="dwtitle1" style="color: red;width: 49.5%">
                    {{memberOdds[zxspl]}}</p>
                  <p v-else class="dwtitle1" style="color: red;width: 49.5%">--</p>
                </div>
              </div>
              <el-row>
                <div>
                  <div style="width: 49.6%;float: left;margin-top: 0.05rem" v-for="item in ssczxs" class="contentwsDiv">
                    <ul v-for="(items,index) in item" :key="index">
                      <li class="contentws" style=";width:8%;">
                        <span>{{items.numname}}</span>
                      </li>
                      <label :for="'bb'+ items.numname">
                        <li class="contentxza" style="width: 92%;"
                            :class="{active:(items.checked == true)}">
                          <input type="checkbox" :id="'bb'+items.numname" v-model="items.checked"
                                 @click="ccszxsclick(items.numname,items.checked)" :disabled="!diffCloseVuex">
                        </li>
                      </label>
                    </ul>
                  </div>
                </div>
              </el-row>
            </el-col>
            <!--组选六-->
            <el-col v-if="memberPageSelected == 'zxl'">
              <ul class="list">
                <li :class="{ezdwitems:zxlindex.substring(0,2)==='前三'}" class="item"
                    @click="zxlclick('前三组选六','ZXL_QSZXL_')">前三组选六
                </li>
                <li :class="{ezdwitems:zxlindex.substring(0,2)==='中三'}" class="item"
                    @click="zxlclick('中三组选六','ZXL_ZSZXL_')">中三组选六
                </li>
                <li :class="{ezdwitems:zxlindex.substring(0,2)==='后三'}" class="item"
                    @click="zxlclick('后三组选六','ZXL_HSZXL_')">后三组选六
                </li>
              </ul>
              <div>
                <div style="min-height: 30px">
                  <p class="dwtitle" style=" border-right: none;width:49.5%">种类</p>
                  <p class="dwtitle" style="width: 49.5%">{{zxlindex}}</p>
                </div>
                <div style="min-height: 45px">
                  <p class="dwtitle1" style=" border-right: none;width: 49.5%">赔率</p>
                  <p v-if="this.zxlcheckc.length>3" class="dwtitle1" style="color: red;width: 49.5%">
                    {{memberOdds[zxlpl]}}</p>
                  <p v-else class="dwtitle1" style="color: red;width: 49.5%">--</p>
                </div>
              </div>
              <el-row>
                <div>
                  <div style="width: 49.5%;float: left;margin-top: 5px" v-for="(item,index) in ssczxs" :key="index" class="contentwsDiv">
                    <ul v-for="(items,indexs) in item" :key="indexs">
                      <li class="contentws" style="width:8%">
                        <span>{{items.numname}}</span>
                      </li>
                      <label :for="'bb'+ items.numname">
                        <li class="contentxza" style="width: 92%;"
                            :class="{active:(items.checked === true)}">
                          <input type="checkbox" :id="'bb'+items.numname" v-model="items.checked"
                                 @change="ccszxlclick(items.numname,items.checked,index,indexs)" :disabled="!diffCloseVuex">
                        </li>
                      </label>
                    </ul>
                  </div>
                </div>
              </el-row>
            </el-col>
            <!--复式组合-->
            <el-col v-if="memberPageSelected == 'fszh'">
              <ul class="list">
                <li :class="{ezdwitems:fsindex.substring(0,2)==='前三'}" class="item"
                    @click="fzclick('前三复式','万千佰','QSFS_')">前三复式
                </li>
                <li :class="{ezdwitems:fsindex.substring(0,2)==='中三'}" class="item"
                    @click="fzclick('中三复式','千佰拾','ZSFS_')">中三复式
                </li>
                <li :class="{ezdwitems:fsindex.substring(0,2)==='后三'}" class="item"
                    @click="fzclick('后三复式','佰拾个','HSFS_')">后三复式
                </li>
              </ul>
              <div>
                <div style="min-height: 30px">
                  <p class="dwtitle" style=" border-right: none;width:50%">种类</p>
                  <p class="dwtitle" style="width: 50%">复式组合</p>
                </div>
                <div style="min-height: 45px">
                  <p class="dwtitle1" style=" border-right: none;width: 50%">赔率</p>
                  <p v-if="(fszhcheckca.length && fszhcheckcb.length && fszhcheckcc.length) && (fszhcheckca.length+fszhcheckcb.length+fszhcheckcc.length)>8" class="dwtitle1" style="color: red;width: 50%">
                    {{memberOdds[fszhdm + peilvzs]}}</p>
                  <p v-else class="dwtitle1" style="color: red;width: 50%">--</p>
                </div>
              </div>
              <div>
                <div style="width: 33.333%;float: left;margin-top: 20px">
                  <ul>
                    <li class="contentws borderBottom" style="width: 40%;font-weight: bold;height: 30px">
                      {{fszhwqb.substring(0,1)}}位
                    </li>
                    <li class="contentxz" style="width: 60%;height: 30px">勾选</li>
                  </ul>
                  <ul v-for="(item,indexa) in sscfszha" :key="indexa">
                    <li class="contentws borderBottom" style="border-top: none;background: #edf4fe;width:40%">
                      <span>{{item.numname}}</span>
                    </li>
                    <label :for="'fza'+ indexa">
                      <li class="contentxza fszh-li" style="border-top: none;width: 60%"
                          :class="{active:(item.checked == true)}">
                        <input type="checkbox" :id="'fza'+indexa" v-model="item.checked"
                               @change="fzzhclicka(item.numname,item.checked,indexa)" :disabled="!diffCloseVuex">
                      </li>
                    </label>
                  </ul>
                </div>
                <div style="width: 33.333%;float: left;margin-top: 20px">
                  <ul>
                    <li class="contentws borderBottom" style="width: 40%;font-weight: bold;height: 30px">
                      {{fszhwqb.substring(1,2)}}位
                    </li>
                    <li class="contentxz" style="width: 60%;height: 30px">勾选</li>
                  </ul>
                  <ul v-for="(item,indexb) in sscfszhb" :key="indexb">
                    <li class="contentws borderBottom" style="border-top: none;background: #edf4fe;width:40%">
                      <span>{{item.numname}}</span>
                    </li>
                    <label :for="'fzb'+ indexb">
                      <li class="contentxza fszh-li" style="border-top: none;width: 60%"
                          :class="{active:(item.checked == true)}">
                        <input type="checkbox" :id="'fzb'+indexb" v-model="item.checked"
                               @change="fzzhclickb(item.numname,item.checked,indexb)" :disabled="!diffCloseVuex">
                      </li>
                    </label>
                  </ul>
                </div>
                <div style="width: 33.333%;float: left;margin-top: 20px">
                  <ul>
                    <li class="contentws borderBottom" style="width: 40%;font-weight: bold;height: 30px">
                      {{fszhwqb.substring(2,3)}}位
                    </li>
                    <li class="contentxz" style="width: 60%;height: 30px">勾选</li>
                  </ul>
                  <ul v-for="(item,indexc) in sscfszhc" :key="indexc">
                    <li class="contentws borderBottom" style="border-top: none;background: #edf4fe;width:40%">
                      <span>{{item.numname}}</span>
                    </li>
                    <label :for="'fzc'+ indexc">
                      <li class="contentxza fszh-li" style="border-top: none;width: 60%"
                          :class="{active:(item.checked == true)}">
                        <input type="checkbox" :id="'fzc'+indexc" v-model="item.checked"
                               @change="fzzhclickc(item.numname,item.checked,indexc)" :disabled="!diffCloseVuex">
                      </li>
                    </label>
                  </ul>
                </div>
              </div>
            </el-col>
            <!--跨度-->
            <el-col v-if="memberPageSelected == 'kd'">
              <ul class="list">
                <li :class="{ezdwitems:kdindex.substring(0,2)==='前三'}" class="item" @click="kdclick('前三组跨度')">前三组跨度</li>
                <li :class="{ezdwitems:kdindex.substring(0,2)==='中三'}" class="item" @click="kdclick('中三组跨度')">中三组跨度</li>
                <li :class="{ezdwitems:kdindex.substring(0,2)==='后三'}" class="item" @click="kdclick('后三组跨度')">后三组跨度</li>
              </ul>
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index === kdindex">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 50%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="2" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="16" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
          <!--广东快乐十分，重庆幸运农场，澳洲幸运8-->
          <el-row v-if="memberGameSelected==='gdklsf'||memberGameSelected==='cqxync'||memberGameSelected==='azlucky8'">
            <!--两面盘-->
            <el-col v-if="memberPageSelected == 'zh'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '总和'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 33.33%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="8" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="5" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="5" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第一球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第二球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第三球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第四球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第五球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <!--<el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>-->
                        <!--<el-col :span="6" class="card-middle" v-else>&#45;&#45;</el-col>-->
                        <!--<el-col :span="11" class="card-right">-->
                        <!--<input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>-->
                        <!--</el-col>-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第六球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第七球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:25%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第八球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--单球1-8-->
            <el-col v-if=" memberPageSelected == 'zd'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="6" class="card-left menu1">
                          <div class="T_KLSF" v-if="memberGameSelected == 'gdklsf' && memberPageSelected == 'zd'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 12px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div class="T_KLSF" v-else-if="memberGameSelected == 'azlucky8' && memberPageSelected == 'zd'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 12px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div class="L_XYNC" v-else-if="memberGameSelected == 'cqxync' && memberPageSelected == 'zd'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin-left:8px;">{{item.option_name}}</b>
                          </div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="7" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="7" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第一球-->
            <el-col v-if="memberPageSelected == 'ball1'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball1')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball1')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 0||item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball1')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"  @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第二球-->
            <el-col v-if="memberPageSelected == 'ball2'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball2')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball2')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 0||item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball2')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"  @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第三球-->
            <el-col v-if="memberPageSelected == 'ball3'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball3')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball3')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball3')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第四球-->
            <el-col v-if="memberPageSelected == 'ball4'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball4')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball4')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball4')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第五球-->
            <el-col v-if="memberPageSelected == 'ball5'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball5')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball5')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball5')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第六球-->
            <el-col v-if="memberPageSelected == 'ball6'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball6')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball6')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball6')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第七球-->
            <el-col v-if="memberPageSelected == 'ball7'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball7')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball7')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball7')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第八球-->
            <el-col v-if="memberPageSelected == 'ball8'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name&&diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div
                            class="T_KLSF" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==
                      3||item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==
                      8||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && ((memberGameSelected == 'gdklsf' && memberPageSelected == 'ball8')
                      || (memberGameSelected == 'azlucky8' && memberPageSelected == 'ball8')) ">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div
                            class="L_XYNC" v-if="(item.option_name == 1||item.option_name == 2||item.option_name ==3||
                        item.option_name == 4||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name ==8
                        ||item.option_name == 9||item.option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name
                      == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name
                       == 18||item.option_name == 19||item.option_name == 20) && (memberGameSelected == 'cqxync' && memberPageSelected =='ball8')">
                            <!--游戏类型-->
                            <b v-if="item.option_name !== ''" class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 10px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--正码-->
            <el-col v-if="memberPageSelected == 'zm'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '正码'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div class="T_KLSF" v-if="(memberGameSelected == 'gdklsf' && memberPageSelected =='zm')
                       || (memberGameSelected == 'azlucky8' && memberPageSelected =='zm')">
                            <!--游戏类型-->
                            <b v-if="item.option_name<10" class="bb" :class="`b${item.option_name.substring(1,2)}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                            <b v-else class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 15px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div class="L_XYNC" v-if="memberGameSelected == 'cqxync' && memberPageSelected =='zm'">
                            <!--游戏类型-->
                            <b v-if="item.option_name<10" class="bb" :class="`b${item.option_name.substring(1,2)}`"
                               style="width:40px;margin:0;margin-left: 12px;margin-top: 0px">{{item.option_name}}</b>
                            <b v-else class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 12px;margin-top: 0px">{{item.option_name}}</b>
                          </div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '总和'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 33.33%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="6" class="card-left">
                          <!--游戏类型-->
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="7" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="7" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--连码-->
            <el-col v-if="memberPageSelected == 'lm'">
              <el-row>
                <div style="margin-right: 5px">
                  <ul class="listlmccss" v-for="(item,index) in listlm" :key="index">
                    <li class="radiocss"><input type="radio" :checked="gdklsflmdh == item.rx"
                                                @click="gdklsflmclick(item.rx)" :name="item.inputname" :disabled="!diffCloseVuex"></li>
                    <li class="itemcss">{{item.name}}</li>

                    <li class="itemcss" v-if="diffCloseVuex">{{memberOdds[item.rx]}}</li>
                    <li class="itemcss" v-else>--</li>
                  </ul>
                </div>
                <div style="margin-right: 5px">
                  <div style="width: 25%;display: inline-block;margin-top: 10px" v-for="(item,index) in gdklsflm"
                       :key="index">
                    <ul>
                      <li class="contentws" style="width: 20%;font-weight: bold">号</li>
                      <li class="contentxz" style="width: 80%">选择</li>
                    </ul>
                    <ul v-for="(items,indexs) in item" class="menu1" :key="indexs">
                      <li  class="contentws T_KLSF" v-if="(memberGameSelected == 'gdklsf' && memberPageSelected =='lm')
                       || (memberGameSelected == 'azlucky8' && memberPageSelected =='lm')" style="border-top: none;background: #edf4fe;width:20%">
                        <b :class="`b${items.numname}`" style="margin-left:3px;margin-top: 0">{items.numname}}</b>
                      </li>
                      <li class="contentws L_XYNC" v-if="memberGameSelected == 'cqxync' && memberPageSelected =='lm'"
                          style="border-top: none;background: #edf4fe;width:20%">
                        <b :class="`b${items.numname}`" style="margin-left:3px;margin-top: 0">{items.numname}}</b>
                      </li>
                      <label :for="'bb'+ items.numname">
                        <li class="contentxza borderBottom" style="border-top: none;width: 80%"
                            :class="{active:(items.checked == true)}">
                          <input type="checkbox" :id="'bb'+items.numname" v-model="items.checked"
                                 @change="gdklsflmfxkclick(items.numname,items.checked,index,indexs)" :disabled="!diffCloseVuex">
                        </li>
                      </label>
                    </ul>
                  </div>
                </div>
              </el-row>
            </el-col>
          </el-row>
          <!--北京快乐8,澳洲幸运20-->
          <el-row v-if="memberGameSelected==='bjkl8'||memberGameSelected==='azlucky20'">
            <!--总数，比数，五行-->
            <el-col v-if="memberPageSelected == 'all'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '总和、总和过关'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !==''" class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
                                 :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '前后和'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 33.33%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div class="T_PK10" v-if="memberGameSelected == 'jssc' && memberPageSelected == 'zd'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:20px;margin:0;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '单双和'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 33.33%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div class="T_PK10" v-if="memberGameSelected == 'jssc' && memberPageSelected == 'zd'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:20px;margin:0;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"  :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '五行'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !==''" class="input-number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--正码-->
            <el-col v-if="memberPageSelected == 'zm'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_KL8">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:30px;margin:0;margin-left: 9px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
          <!--广西快3-->
          <el-row v-if="memberGameSelected==='gxk3'">
            <!--大小骰宝-->
            <el-col v-if="memberGameSelected == 'gxk3' && memberPageSelected == 'all'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '三军、大小'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_K3" v-if="item.option_name==='1/鱼'||item.option_name==='2/虾'||item.option_name==='3/葫芦'||
                      item.option_name==='4/金钱'||item.option_name==='5/螃蟹'||item.option_name==='6/鷄'">
                            <!--游戏类型-->
                            <b class="bb" :class="{b1:item.option_name==='1/鱼', b2:item.option_name==='2/虾',
                        b3:item.option_name==='3/葫芦', b4:item.option_name==='4/金钱',b5:item.option_name==='5/螃蟹',
                        b6:item.option_name==='6/鷄'}" style="width:33px;margin:0;margin-left: 5px;margin-top: 1px">
                              {{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '围骰、全骰'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 33.33%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="9" class="card-left menu1">
                          <div class="T_K3" v-if="item.option_name == 111||item.option_name == 222||item.option_name == 333||item.option_name == 444
                      ||item.option_name == 555||item.option_name == 666">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:28px;margin:0;margin-right:0;margin-left:0;margin-top: 1px;display: inline-block">{{item.option_name}}</b>
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:28px;margin:0;margin-right:0;margin-left:0;margin-top: 1px;display: inline-block">{{item.option_name}}</b>
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:28px;margin:0;margin-right:0;margin-left:0;margin-top: 1px;display: inline-block">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="5" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="5" class="card-middle" v-else>--</el-col>
                        <el-col :span="10" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '点数'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="item.option_name && diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input v-if="item.option_name !== ''" class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)"
                                 v-model="item.amount" :disabled="!diffCloseVuex"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '长牌'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 33.33%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="cellClick(item)" class="cell">
                        <el-col :span="6" class="card-left menu1">
                          <div class="T_K3" v-if="item.option_name == 12||item.option_name == 13||item.option_name == 14
                      ||item.option_name == 15||item.option_name == 16||item.option_name == 23||item.option_name == 24
                      || item.option_name == 25||item.option_name == 26||item.option_name == 34||item.option_name == 35
                      ||item.option_name == 36||item.option_name == 45||item.option_name == 46 ||item.option_name == 56">
                            <b class="bb" :class="`b${item.option_name.substring(0,1)}`"
                               style="width:28px;margin:0;margin-right:0;margin-left:0;margin-top: 1px;display: inline-block">{{item.option_name}}</b>
                            <b class="bb" :class="`b${item.option_name.substring(1,2)}`"
                               style="width:28px;margin:0;margin-right:0;margin-left:0;margin-top: 1px;display: inline-block">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="7" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="7" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '短牌'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 33.33%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="6" class="card-left menu1">
                          <div class="T_K3"
                               v-if="item.option_name == 11||item.option_name == 22||item.option_name == 33||item.option_name == 44||item.option_name == 55||item.option_name == 66">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:28px;margin:0;margin-right:0;margin-left:0;margin-top: 1px;display: inline-block">{{item.option_name}}</b>
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:28px;margin:0;margin-right:0;margin-left:0;margin-top: 1px;display: inline-block">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="7" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}
                        </el-col>
                        <el-col :span="7" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)"
                                 v-getfocus="item.option_code === isFocus && item.checked"
                                 @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount"
                                 onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--鱼虾蟹骰宝-->
            <el-col v-if="memberGameSelected == 'gxk3' && memberPageSelected == 'yxx'">
              <div>
                <ul>
                  <li class="csshover" :class="{csshovera:diffCloseVuex === false}" @click="gxk3yxx('3J_1','1/鱼')">
                    <img style="width: 100%" src="/static/member/images/ball/yu.png" alt=""></li>
                  <li class="csshover" :class="{csshovera:diffCloseVuex === false}" @click="gxk3yxx('3J_2','2/虾')">
                    <img style="width: 100%" src="/static/member/images/ball/xia.png" alt=""></li>
                  <li class="csshover" :class="{csshovera:diffCloseVuex === false}" @click="gxk3yxx('3J_3','3/葫芦')">
                    <img style="width: 100%" src="/static/member/images/ball/hl.png" alt=""></li>
                  <li class="csshover" :class="{csshovera:diffCloseVuex === false}" @click="gxk3yxx('3J_4','4/金钱')">
                    <img style="width: 100%" src="/static/member/images/ball/panzi.png" alt=""></li>
                  <li class="csshover" :class="{csshovera:diffCloseVuex === false}" @click="gxk3yxx('3J_5','5/螃蟹')">
                    <img style="width: 100%" src="/static/member/images/ball/xie.png" alt=""></li>
                  <li class="csshover" :class="{csshovera:diffCloseVuex === false}" @click="gxk3yxx('3J_6','6/鷄')">
                    <img style="width: 100%" src="/static/member/images/ball/ji.png" alt=""></li>
                </ul>
              </div>
            </el-col>
          </el-row>
          <!--广西快乐十分-->
          <el-row v-if="memberGameSelected === 'gxklsf'">
            <!--单号1-5-->
            <el-col v-if="memberPageSelected ==='15'">
              <el-row>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_GXKLSF" v-if="memberGameSelected == 'gxklsf' && memberPageSelected == '15'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:30px;margin:0;margin-left: 1px;margin-top: 2px">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex" />
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--两面-->
            <el-col v-if="memberPageSelected ==='lm'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index=='总和、龙虎'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="7" class="card-left">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="6" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex" />
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index=='第一球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex" />
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index=='第二球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index=='第三球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index=='第四球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="cellClick(item)" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" v-model="item.amount"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index=='第五球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第一球-->
            <el-col v-if="memberPageSelected ==='ball1'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_GXKLSF" v-if="item.option_name == 0||item.option_name == 1||item.option_name == 2||item.option_name == 3||item.option_name == 4
                      ||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name == 8||item.option_name == 9||item.option_name == 10
                      ||item.option_name == 11||item.option_name == 12||item.option_name == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16
                      ||item.option_name == 17||item.option_name == 18||item.option_name == 19||item.option_name == 20 ||item.option_name == 21">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 5px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第二球-->
            <el-col v-if="memberPageSelected ==='ball2'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_GXKLSF" v-if="item.option_name == 0||item.option_name == 1||item.option_name == 2||item.option_name == 3||item.option_name == 4
                      ||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name == 8||item.option_name == 9||item.option_name == 10
                      ||item.option_name == 11||item.option_name == 12||item.option_name == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16
                      ||item.option_name == 17||item.option_name == 18||item.option_name == 19||item.option_name == 20 ||item.option_name == 21">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 5px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第三球-->
            <el-col v-if="memberPageSelected ==='ball3'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_GXKLSF" v-if="item.option_name == 0||item.option_name == 1||item.option_name == 2||item.option_name == 3||item.option_name == 4
                      ||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name == 8||item.option_name == 9||item.option_name == 10
                      ||item.option_name == 11||item.option_name == 12||item.option_name == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16
                      ||item.option_name == 17||item.option_name == 18||item.option_name == 19||item.option_name == 20 ||item.option_name == 21">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 5px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex" />
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第四球-->
            <el-col v-if=" memberPageSelected ==='ball4'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_GXKLSF" v-if="item.option_name == 0||item.option_name == 1||item.option_name == 2||item.option_name == 3||item.option_name == 4
                      ||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name == 8||item.option_name == 9||item.option_name == 10
                      ||item.option_name == 11||item.option_name == 12||item.option_name == 13||item.option_name == 14||item.option_name == 15||item.option_name == 16
                      ||item.option_name == 17||item.option_name == 18||item.option_name == 19||item.option_name == 20 ||item.option_name == 21">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 5px;margin-top: 3px">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disbled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--第五球-->
            <el-col v-if="memberPageSelected ==='ball5'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_GXKLSF"
                               v-if="item.option_name == 0||item.option_name == 1||item.option_name == 2||item.option_name == 3||item.option_name == 4
                      ||item.option_name == 5||item.option_name == 6||item.option_name == 7||item.option_name == 8||item.option_name == 9||item
                      .option_name == 10||item.option_name == 11||item.option_name == 12||item.option_name == 13||item.option_name == 14||item
                      .option_name == 15||item.option_name == 16||item.option_name == 17||item.option_name == 18||item.option_name == 19||item
                      .option_name == 20 ||item.option_name == 21">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`"
                               style="width:40px;margin:0;margin-left: 5px;margin-top: 3px"></b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
          <!--广东11选5-->
          <el-row v-if="memberGameSelected==='gd115'">
            <!--两面-->
            <el-col v-if="memberPageSelected == 'lm'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '总和'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 25%;display:inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="8" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="8" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第一球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第二球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第三球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第四球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第五球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--单号-->
            <el-col v-if="memberPageSelected == 'dh'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '一中一'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            style="width: 20%;display: inline-block"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_11X5" v-if="memberGameSelected == 'gd115' && memberPageSelected == 'dh'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`" style="width:30px;margin:3px 0 0 3px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第一球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_11X5" v-if="memberGameSelected == 'gd115' && memberPageSelected == 'dh'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`" style="width:30px;margin:3px 0 0 3px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第二球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_11X5" v-if="memberGameSelected == 'gd115' && memberPageSelected == 'dh'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`" style="width:30px;margin:3px 0 0 3px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第三球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_11X5" v-if="memberGameSelected == 'gd115' && memberPageSelected == 'dh'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`" style="width:30px;margin:3px 0 0 3px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第四球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_11X5" v-if="memberGameSelected == 'gd115' && memberPageSelected == 'dh'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`" style="width:30px;margin:3px 0 0 3px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index == '第五球'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <div class="game-content">
                    <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                            :class="{active:(item.checked == true)}">
                      <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                        <el-col :span="5" class="card-left menu1">
                          <div class="T_11X5" v-if="memberGameSelected == 'gd115' && memberPageSelected == 'dh'">
                            <!--游戏类型-->
                            <b class="bb" :class="`b${item.option_name}`" style="width:30px;margin:3px 0 0 3px;">{{item.option_name}}</b>
                          </div>
                          <div v-else>{{item.option_name}}</div>
                        </el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="11" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </div>
                    </el-row>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <!--连码-->
            <el-col v-if="memberPageSelected == 'mp'">
              <div>
                <ul class="listlmccss" style="width: 11%" v-for="(item,index) in listgdxwlm" :key="index">
                  <li class="radiocss"><input type="radio" :checked="gd115lmdh ==item.rx" @click="gd115lmkclick(item.rx)"
                                              :name="item.inputname" :disabled="!diffCloseVuex"></li>
                  <li class="itemcss">{{item.name}}</li>
                  <li class="itemcss">{{memberOdds[item.rx]}}</li>
                </ul>
              </div>
              <div>
                <div style="width: 49.5%;float: left;margin-top: 20px" v-for="(item,index) in gsyxwlm" :key="index">
                  <ul>
                    <li class="contentws" style="width: 10%;font-weight: bold;height: 30px">号</li>
                    <li class="contentxz" style="width: 90%;height: 30px">选择</li>
                  </ul>
                  <ul v-for="(items,indexs) in item" class="menu1" :key="indexs">
                    <li class="contentws T_KLSF" style="border-top: none;background: #edf4fe;width:10%">
                      <b v-if="items.numname!=''" :class="`b${items.numname}`"
                         style="margin-left:6px;">{items.numname}}</b>
                    </li>
                    <label :for="'bb'+ items.numname">
                      <li class="contentxza borderBottom" style="border-top: none;width: 90%"
                          :class="{active:(items.checked == true)}">
                        <input v-if="items.numname!=''" type="checkbox" :id="'bb'+items.numname"
                               v-model="items.checked"
                               @change="gd115lmfxkclick(items.numname,items.checked,index,indexs)" :disabled="!diffCloseVuex">
                      </li>
                    </label>
                  </ul>
                </div>
              </div>
            </el-col>
            <!--直选-->
            <el-col v-if="memberPageSelected == 'zx'">
              <div>
                <ul class="list">
                  <li :class="{ezdwitems:zxindex==='前二直选'}" class="item" @click="zxclick('前二直选','Q2ZHX')">前二直选</li>
                  <li :class="{ezdwitems:zxindex==='前三直选'}" class="item" @click="zxclick('前三直选','Q3ZHX')">前三直选</li>
                </ul>
              </div>
              <div>
                <div style="min-height: 30px">
                  <p class="dwtitle" style=" border-right: none;width:50%">种类</p>
                  <p class="dwtitle" style="width: 50%">{{zxindex}}</p>
                </div>

                <div style="min-height: 45px">
                  <p class="dwtitle1" style=" border-right: none;width: 50%">赔率</p>
                  <p v-if="zxindex === '前二直选'" class="dwtitle1" style="color: red;width: 50%">{{memberOdds['Q2ZHX']}}</p>
                  <p v-else class="dwtitle1" style="color: red;width: 50%">{{memberOdds['Q3ZHX']}}</p>
                </div>
              </div>
              <!--万千位快选-->
              <div v-if="zxindex === '前二直选'">
                <div>
                  <p class="Tenthousandposition">第一位</p>
                  <ul>
                    <li class="Choice" style="width: 16.666%" v-for="item in gsyxwzxxz">
                      <span class="Choice-qiu" style="border-bottom: none;width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none;width: 78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul class="menu1">
                    <li class="Choice T_KLSF" style="background:none;width: 16.666%" v-for="(item,index) in gsyxwzx">
                  <span class="Choice-qiu" style="border-top: none;width: 22%;border-left: none">
                    <b v-if="item.numname !==''" :class="`b${item.numname}`" style="margin-left:3px;margin-top: 2px">{item.numname}</b>
                  </span>
                      <label :for="'a'+index">
                      <span class="Choice-xuanzs" style="border-top: none;width: 78%" :class="{active:(item.checked == true)}">
                        <input v-model="item.checked" v-if="gsyxwzxs[index].checked == false && index !== 11" :id="'a'+index" type="checkbox"
                               @click="selection(item.numname,item.checked)" :disabled="!diffCloseVuex">
                        <input v-else-if="index != 11"  :id="'a'+index" type="checkbox" disabled="disabled">
                      </span>
                      </label>
                    </li>
                  </ul>
                </div>
                <div>
                  <p class="Tenthousandposition">第二位</p>
                  <ul>
                    <li class="Choice" style="width: 16.666%" v-for="item in gsyxwzxxz">
                      <span class="Choice-qiu" style="border-bottom: none;width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none;width: 78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul class="menu1">
                    <li class="Choice T_KLSF" style="background:none;width: 16.666%" v-for="(item,index) in gsyxwzxs">
                  <span class="Choice-qiu" style="border-top: none;width: 22%;border-left: none">
                    <b v-if="item.numname !==''" :class="`b${item.numname}`" style="margin-left:3px;margin-top: 2px">{item.numname}</b>
                  </span>
                      <label :for="'b'+index">
                  <span class="Choice-xuanzs" style="border-top: none;width: 78%"
                        :class="{active:(item.checked == true)}">
                  <input v-model="item.checked" v-if="gsyxwzx[index].checked == false && index !== 11" :id="'b'+index" type="checkbox"
                         @click="selectiona(item.numname,item.checked)" :disabled="!diffCloseVuex">
                  <input v-else-if="index != 11" :id="'b'+index" type="checkbox" disabled="disabled"></span>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="zxindex === '前三直选'">
                <div>
                  <p class="Tenthousandposition">第一位</p>
                  <ul>
                    <li class="Choice" style="width: 16.666%" v-for="item in gsyxwzxxz">
                      <span class="Choice-qiu" style="border-bottom: none;width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none;width: 78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul class="menu1">
                    <li class="Choice T_KLSF" style="background:none;width: 16.666%" v-for="(item,index) in gsyxwzx">
                  <span class="Choice-qiu" style="border-top: none;width: 22%;border-left: none">
                    <b v-if="item.numname !==''" :class="`b${item.numname}`" style="margin-left:3px;margin-top: 2px">{item.numname}</b>
                  </span>
                      <label :for="'a'+index">
                  <span class="Choice-xuanzs" style="border-top: none;width: 78%"
                        :class="{active:(item.checked == true)}">
                  <input v-model="item.checked"
                         v-if="(gsyxwzxs[index].checked == false && gsyxwzxsn[index].checked == false) && index != 11" :id="'a'+index"
                         type="checkbox"
                         @click="selectioq(item.numname,item.checked)" :disabled="!diffCloseVuex">
                  <input v-else-if="index != 11" :id="'a'+index" type="checkbox" disabled="disabled"></span>
                      </label>
                    </li>
                  </ul>
                </div>
                <div>
                  <p class="Tenthousandposition">第二位</p>
                  <ul>
                    <li class="Choice" style="width: 16.666%" v-for="item in gsyxwzxxz">
                      <span class="Choice-qiu" style="border-bottom: none;width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none;width: 78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul class="menu1">
                    <li class="Choice T_KLSF" style="background:none;width: 16.666%" v-for="(item,index) in gsyxwzxs">
                  <span class="Choice-qiu" style="border-top: none;width: 22%;border-left: none">
                    <b v-if="item.numname !==''" :class="`b${item.numname}`" style="margin-left:3px;margin-top: 2px">{item.numname}</b>
                  </span>
                      <label :for="'b'+index">
                  <span class="Choice-xuanzs" style="border-top: none;width: 78%"
                        :class="{active:(item.checked == true)}">
                  <input v-model="item.checked"
                         v-if="(gsyxwzx[index].checked == false && gsyxwzxsn[index].checked == false) && index != 11" :id="'b'+index"
                         type="checkbox"
                         @click="selectionr(item.numname,item.checked)" :disabled="!diffCloseVuex">
                  <input  v-else-if="index != 11" :id="'b'+index" type="checkbox" disabled="disabled"></span>
                      </label>
                    </li>
                  </ul>
                </div>
                <div>
                  <p class="Tenthousandposition">第三位</p>
                  <ul>
                    <li class="Choice" style="width: 16.666%" v-for="item in gsyxwzxxz">
                      <span class="Choice-qiu" style="border-bottom: none;width: 22%">{{item.qiu}}</span>
                      <span class="Choice-xuanz" style="border-bottom: none;width: 78%">{{item.xz}}</span>
                    </li>
                  </ul>
                  <ul class="menu1">
                    <li class="Choice T_KLSF" style="background:none;width: 16.666%" v-for="(item,index) in gsyxwzxsn">
                  <span class="Choice-qiu" style="border-top: none;width: 22%;border-left: none">
                    <b v-if="item.numname !==''" :class="`b${item.numname}`" style="margin-left:3px;margin-top: 2px">{item.numname}</b>
                  </span>
                      <label :for="'c'+index">
                  <span class="Choice-xuanzs" style="border-top: none;width: 78%"
                        :class="{active:(item.checked == true)}">
                  <input v-model="item.checked"
                         v-if="(gsyxwzx[index].checked == false && gsyxwzxs[index].checked == false) && index != 11" :id="'c'+index"
                         type="checkbox"
                         @click="selections(item.numname,item.checked)" :disabled="!diffCloseVuex">
                  <input v-else-if="index != 11" :id="'c'+index" type="checkbox" disabled="disabled"></span>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>
              <el-row>
              </el-row>
            </el-col>
          </el-row>
          <!--pc蛋蛋-->
          <el-row v-if="memberGameSelected==='pcegg'">
            <!--主势盘-->
            <el-row>
              <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index == '和值'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                          style="width: 25%;display: inline-block"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="5" class="card-left">
                    <span :class="{
                    pc28_ball_0:item.option_name === '0',pc28_ball_1:item.option_name === '1',
                    pc28_ball_2:item.option_name === '2', pc28_ball_3:item.option_name === '3',
                    pc28_ball_4:item.option_name === '4',pc28_ball_5:item.option_name === '5',
                    pc28_ball_6:item.option_name === '6', pc28_ball_7:item.option_name === '7',
                    pc28_ball_8:item.option_name === '8',pc28_ball_9:item.option_name === '9',
                    pc28_ball_10:item.option_name === '10',pc28_ball_11:item.option_name === '11',
                    pc28_ball_12:item.option_name === '12',pc28_ball_13:item.option_name === '13',
                    pc28_ball_14:item.option_name === '14',pc28_ball_15:item.option_name === '15',
                    pc28_ball_16:item.option_name === '16',pc28_ball_17:item.option_name === '17',
                    pc28_ball_18:item.option_name === '18',pc28_ball_19:item.option_name === '19',
                    pc28_ball_20:item.option_name === '20',pc28_ball_21:item.option_name === '21',
                    pc28_ball_22:item.option_name === '22', pc28_ball_23:item.option_name === '23',
                    pc28_ball_24:item.option_name === '24',pc28_ball_25:item.option_name === '25',
                    pc28_ball_26:item.option_name === '26',pc28_ball_27:item.option_name === '27'
                    }" v-if="memberGameSelected == 'pcegg' && memberPageSelected == 'lm'"></span>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="11" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
              <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index == '两面'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                          style="width: 20%;display: inline-block"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="5" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="11" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
              <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                      v-if="index == '色波/豹子/包三'">
                <el-row class="card-title"> {{index}}</el-row>
                <div class="game-content">
                  <el-row v-if="item.option_name !== '特码包三'" v-for="(item,i) in group" :key="`lottery${i}`"
                          class="card-content cell-flash"
                          style="width: 25%;display: inline-block"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="7" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                      <el-col :span="6" class="card-middle" v-else>--</el-col>
                      <el-col :span="11" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                  <el-row v-if="item.option_name === '特码包三'" v-for="(item,i) in group" :key="`lottery${i}`"
                          class="card-content cell-flash"
                          style="width: 100%;display: inline-block"
                  >
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="3" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :class="{active:(item.checked == true)}" :span="3" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                      <el-col :class="{active:(item.checked == true)}" :span="3" class="card-middle" v-else>--</el-col>
                      <div @click="cancelBtn($event)">
                        <el-col :span="14" class="card-middle">
                          <select name="public-choice" v-model="shanb.shanb1" style="width:80px">
                            <!--<option :selected="true" :value="0">0</option>-->
                            <option v-if="index != shanb.shanb2 && index != shanb.shanb3" :value="index" v-for="(n,index) in 28">{{index}}</option>
                          </select>

                          <select name="public-choice" v-model="shanb.shanb2" style="width:80px">
                            <option v-if="index != shanb.shanb1 && index != shanb.shanb3" :value="index" v-for="(n,index) in 28">{{index}}</option>
                          </select>

                          <select name="public-choice" v-model="shanb.shanb3" style="width:80px">
                            <option v-if="index != shanb.shanb1 && index != shanb.shanb2" :value="index" v-for="(n,index) in 28">{{index}}</option>
                          </select>
                        </el-col>
                      </div>
                      <el-col :class="{active:(item.checked == true)}" :span="4" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </div>
              </el-col>
            </el-row>
          </el-row>
          <!--香港六合彩-->
          <el-row v-if="memberGameSelected==='hk6'">
            <!--两面-->
            <el-col v-if="memberGameSelected == 'hk6' && memberPageSelected == 'lm'">
              <!--冠、亚军和-->
              <el-row>
                <el-row class="card-title" style="margin-right:5px;" v-if="lottery['冠、亚军和']"> 冠、亚军和</el-row>
                <el-row class="game-top" style="margin-right:5px;">
                  <el-col class="game-card" style="padding:0" :span="6" v-for="(item,index) in lottery['冠、亚军和']"
                          :key="`冠、亚军和${index}`">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-row class="card-content cell-flash" :class="{active:(item.checked == true)}">
                        <!--游戏类型-->
                        <el-col :span="7" class="card-left game-top-left"> {{item.option_name}}</el-col>
                        <!--赔率-->
                        <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                        <el-col :span="8" class="card-middle" v-else>--</el-col>
                        <el-col :span="9" class="card-right">
                          <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, '冠、亚军和', index)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                </el-row>
              </el-row>
              <!--冠军亚军3到10-->
              <el-row>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`"
                        v-if="index !== '冠、亚军和'">
                  <el-row class="card-title"> {{index}}</el-row>
                  <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="5" class="card-left">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="11" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </el-col>
              </el-row>
            </el-col>
            <!--单号1-10-->
            <el-col v-if="memberGameSelected == 'hk6' && memberPageSelected == 'zd'">
              <el-row>
                <el-col class="game-card" style="width:20%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="5" class="card-left menu1">
                        <div class="T_PK10" v-if="memberGameSelected == 'bjpk10' && memberPageSelected == 'zd'">
                          <!--游戏类型-->
                          <b class="bb" :class="`b${item.option_name}`"
                             style="width:20px;margin:0;">{{item.option_name}}</b>
                        </div>
                        <div v-else>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="8" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                      <el-col :span="8" class="card-middle" v-else>--</el-col>
                      <el-col :span="11" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </el-col>
              </el-row>
            </el-col>
            <!--冠亚组合-->
            <el-col v-if="memberGameSelected == 'hk6' && memberPageSelected == 'gyh'">
              <el-row>
                <el-col class="game-card" style="width:100%" v-for="(group,index) in lottery" :key="`lottery${index}`">
                  <el-row class="card-title"> {{index}}</el-row>
                  <el-row v-for="(item,i) in group" :key="`lottery${i}`" class="card-content cell-flash"
                          style="width: 33.33%;display: inline-block"
                          :class="{active:(item.checked == true)}">
                    <div @click="diffCloseVuex?cellClick(item):null" class="cell">
                      <el-col :span="7" class="card-left menu1">
                        <div>{{item.option_name}}</div>
                      </el-col>
                      <!--赔率-->
                      <el-col :span="6" class="card-middle" v-if="diffCloseVuex"> {{memberOdds[item.option_code]}}</el-col>
                      <el-col :span="6" class="card-middle" v-else>--</el-col>
                      <el-col :span="11" class="card-right">
                        <input class="input-number" @click.stop @input="cellInput(item)" v-getfocus="item.option_code === isFocus && item.checked" @click="getForce($event, index, i)" @blur="getBlur($event)" v-model="item.amount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
                      </el-col>
                    </div>
                  </el-row>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
        </div>
        <!--第一次下注-->
        <!--已选确定重置-->
        <el-row v-if="memberPageSelected !== 'yxx'" class="input-contain">
          <el-col :span="3" style="text-align:left">
            已经填选
            <span style="color:red;font-size:16px;font-weight:700;">{{total.count}}</span>
            注
          </el-col>
          <el-col :span="3" style="text-align:right">
            <button @click="fastChoose" class="fastChooseAmount">
              快选金额
            </button>
          </el-col>
          <el-col :span="2" style="text-align:right">
            <label>
              <input type="checkbox" v-model="isSelected"><span class="ColorSpan">预设</span>
            </label>
          </el-col>
          <el-col :span="4">
            <span class="ColorSpan"> 金额 </span>
            <input
              v-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
            && memberPageSelected == 'zxs'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="memberGameSelected === 'gd115' && memberPageSelected == 'mp'" :readonly="ggreadonly"
              class="input-number" v-model="multipleAmount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="memberGameSelected === 'gd115' && memberPageSelected == 'zx'" :readonly="ggreadonly"
              class="input-number" v-model="multipleAmount" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
             && memberPageSelected == 'szdw'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
             && memberPageSelected == 'zxl'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
            && memberPageSelected == 'ezdw'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected === 'jsssc'||memberGameSelected == 'amjsssc'||memberGameSelected == 'amssc'||
            memberGameSelected == 'cqssc'||memberGameSelected == 'azlucky5'||memberGameSelected == 'tjssc'||
            memberGameSelected == 'xjssc'||memberGameSelected == 'hlssc'||memberGameSelected == 'hljsssc')
            && memberPageSelected == 'fszh'" :readonly="ggreadonly" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
              class="input-number" v-model="multipleAmount" style="width:70px;height:20px;" :disabled="!diffCloseVuex"/>
            <input
              v-else-if="(memberGameSelected == 'cqxync'||memberGameSelected == 'azlucky8'||memberGameSelected == 'gdklsf')
          && memberPageSelected == 'lm'" :readonly="ggreadonly" class="input-number" v-model="multipleAmount"
              style="width:70px;height:20px;" :disabled="!diffCloseVuex" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" />
            <input v-else class="input-number" v-model="multipleAmount" @click="lostFocus" style="width:70px;height:20px;" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" :disabled="!diffCloseVuex"/>
          </el-col>
          <el-col :span="9" style="text-align:left">
            <el-button class="btn" type="primary" size="mini" @click="isfirstSubmit"> 确定</el-button>
            <el-button class="btn" type="primary" size="mini" @click="reset"> 重置</el-button>
          </el-col>
        </el-row>
        <!--历史追号-->
        <!--北京pk10,极速赛车,幸运飞艇,America赛车,America极速赛车,澳洲幸运10，极速飞艇,荷兰极速赛车，荷兰赛车-->
        <div
          v-if="memberGameSelected==='bjpk10'||memberGameSelected==='jssc'||memberGameSelected==='xyft'||
          memberGameSelected==='amsc'||memberGameSelected==='amjssc'||memberGameSelected==='azlucky10'||
          memberGameSelected==='jsft'||memberGameSelected==='hlsc'||memberGameSelected==='hljssc'">
          <div class="lszd" v-if="memberLastResult && memberLastResult.lszh">
            <!--最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的-->
            <el-row class="top head">
              <el-col style="width:10%" :class="current == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index < 10">
                <div @click="bottomHeadClick(value,key,index)">{{key}}</div>
              </el-col>
            </el-row>
            <!--判断两面长龙排行是否是数组，是数组就隐藏中部-->
            <!--中部显示1-10的各个数据-->
            <el-row class="middle" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:10%" v-for="(count,num) in memberLastResult.lszh[current].num_count"
                      :key="`lszdnumbercount${num}`">
                <el-row class="number"> {{num}}</el-row>
                <el-row class="count"> {{count}}</el-row>
              </el-col>
            </el-row>
            <!--结果的子项，显示大小、单双，冠亚军和什么的-->
            <el-row v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)" class="head">
              <el-col :span="3" :class="(currentBottom == key) && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh[current]" :key="`lszdheader${key}`"
                      v-if="index > 0">
                <div @click="bottomNumberClick(value,key,index)">{{key}}</div>
              </el-col>
              <el-col :span="5" :class="currentBottom == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index >= 10">
                <div @click="bottomNumberClick(value,key,index,true)">{{key}}</div>
              </el-col>
            </el-row>
            <!---判断两面长龙排行是否是数组，是数组就判断为总和什么的 就没有结果的子项数组-->
            <el-row class="zonghe_bottom" v-else>
              <div class="zonghe_group" :style="'width:'+100/memberLastResult.lszh[current].length+'%'"
                   v-for="(value,key) in memberLastResult.lszh[current]" :key="`lszdnumbercount${key}`">
                <div v-for="(subValue,subKey) in value" :key="`lszdnumbercount${subKey}`">
                  <el-col class="zonghe_item">
                    {{subValue}}
                  </el-col>
                </div>
              </div>
            </el-row>
            <!--子项的数据-->
            <el-row class="bottom" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:4%" :style="`height:${height}px`" v-for="(value,key) in numbers"
                      :key="`lszdhesdfader${key}`">
                <el-row v-for="(v,k) in value" :key="`${key}${k}`"> {{v}}</el-row>
              </el-col>
            </el-row>
          </div>
        </div>
        <!--极速时时彩,宝石时时彩，America时时彩，重庆时时彩，新疆时时彩，天津时时彩,America极速时时彩,澳洲幸运5,荷兰极速时时彩，荷兰时时彩-->
        <div
          v-if="memberGameSelected==='jsssc'||memberGameSelected==='amjsssc'||memberGameSelected==='amssc'||memberGameSelected==='hlssc'||
          memberGameSelected==='hljsssc'||memberGameSelected==='cqssc'||memberGameSelected==='xjssc'||memberGameSelected==='tjssc'||
          memberGameSelected==='azlucky5'">
          <div class="lszd" v-if="memberLastResult && memberLastResult.lszh">
            <!--最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的-->
            <el-row class="top head">
              <el-col style="width:20%" :class="current == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index < 5">
                <div @click="bottomHeadClick(value,key,index)">{{key}}</div>
              </el-col>
            </el-row>
            <!--判断两面长龙排行是否是数组，是数组就隐藏中部-->
            <!--中部显示1-10的各个数据-->
            <el-row class="middle" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:10%" v-for="(count,num) in memberLastResult.lszh[current].num_count"
                      :key="`lszdnumbercount${num}`">
                <el-row class="number"> {{num}}</el-row>
                <el-row class="count"> {{count}}</el-row>
              </el-col>
            </el-row>
            <!--结果的子项，显示大小、单双，冠亚军和什么的-->
            <el-row v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)" class="head">
              <el-col :span="3" :class="(currentBottom == key) && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh[current]" :key="`lszdheader${key}`"
                      v-if="index > 0">
                <div @click="bottomNumberClick(value,key,index)">{{key}}</div>
              </el-col>
              <el-col :span="5" :class="currentBottom == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index >= 5">
                <div @click="bottomNumberClick(value,key,index,true)">{{key}}</div>
              </el-col>

            </el-row>
            <!---判断两面长龙排行是否是数组，是数组就判断为总和什么的 就没有结果的子项数组-->
            <el-row class="zonghe_bottom" v-else>
              <div class="zonghe_group" :style="'width:'+100/memberLastResult.lszh[current].length+'%'"
                   v-for="(value,key) in memberLastResult.lszh[current]" :key="`lszdnumbercount${key}`">
                <div v-for="(subValue,subKey) in value" :key="`lszdnumbercount${subKey}`">
                  <el-col class="zonghe_item">
                    {{subValue}}
                  </el-col>
                </div>
              </div>
            </el-row>
            <!--子项的数据-->
            <el-row class="bottom" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:4%" :style="`height:${height}px`" v-for="(value,key) in numbers"
                      :key="`lszdhesdfader${key}`">
                <el-row v-for="(v,k) in value" :key="`${key}${k}`"> {{v}}</el-row>
              </el-col>
            </el-row>
          </div>
        </div>
        <!--北京快乐8,澳洲幸运20-->
        <div
          v-if="memberGameSelected==='bjkl8'||memberGameSelected==='azlucky20'">
          <div class="lszd" v-if="memberLastResult && memberLastResult.lszh">
            <!--最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的-->
            <el-row class="top head">
              <el-col style="width:16.666%" :class="current == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`">
                <div @click="bottomHeadClick(value,key,index)">{{key}}</div>
              </el-col>
            </el-row>
            <el-row class="zonghe_bottom">
              <div class="zonghe_group" :style="'width:'+100/memberLastResult.lszh[current].length+'%'"
                   v-for="(value,key) in memberLastResult.lszh[current]" :key="`lszdnumbercount${key}`">
                <div v-for="(subValue,subKey) in value" :key="`lszdnumbercount${subKey}`">
                  <el-col class="zonghe_item" style="font-size: 12px">
                    {{subValue}}
                  </el-col>
                </div>
              </div>
            </el-row>
          </div>
        </div>
        <!--广东11选5-->
        <div v-if="memberGameSelected==='gd115'">
          <div class="lszd" v-if="memberLastResult && memberLastResult.lszh">
            <!--最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的-->
            <el-row class="top head">
              <el-col style="width:20%" :class="current == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index < 5">
                <div @click="bottomHeadClick(value,key,index)">{{key}}</div>
              </el-col>
            </el-row>
            <!--判断两面长龙排行是否是数组，是数组就隐藏中部-->
            <!--中部显示1-10的各个数据-->
            <el-row class="middle" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:8.3333%">
                <el-row class="number">号码</el-row>
                <el-row class="count" style="font-weight: bold">出球率</el-row>
              </el-col>
              <el-col style="width:8.333%" v-for="(count,num) in memberLastResult.lszh[current].num_count"
                      :key="`lszdnumbercount${num}`">
                <el-row class="number"> {{num}}</el-row>
                <el-row class="count"> {{count}}</el-row>
              </el-col>
              <el-row>
                <el-col style="width:8.3333%">
                  <el-row class="count" style="font-weight: bold">无出期数</el-row>
                </el-col>
                <el-col style="width:8.3333%" v-for="(count,num) in memberLastResult.cql.wcqs"
                        :key="`lszdnumbercount${num}`">
                  <el-row :class="{wqcq:memberLastResult.cql.wcqs_max === count}" class="count"> {{count}}</el-row>
                </el-col>
              </el-row>
            </el-row>
            <!--结果的子项，显示大小、单双，冠亚军和什么的-->
            <el-row v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)" class="head">
              <el-col style="width: 14.2857%" :span="3" :class="(currentBottom == key) && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh[current]" :key="`lszdheader${key}`"
                      v-if="index > 0">
                <div @click="bottomNumberClick(value,key,index)">{{key}}</div>
              </el-col>
              <el-col style="width: 14.2857%" :span="5" :class="currentBottom == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index >= 5">
                <div @click="bottomNumberClick(value,key,index,true)">{{key}}</div>
              </el-col>
            </el-row>
            <!---判断两面长龙排行是否是数组，是数组就判断为总和什么的 就没有结果的子项数组-->
            <el-row class="zonghe_bottom" v-else>
              <div class="zonghe_group" :style="'width:'+100/memberLastResult.lszh[current].length+'%'"
                   v-for="(value,key) in memberLastResult.lszh[current]" :key="`lszdnumbercount${key}`">
                <div v-for="(subValue,subKey) in value" :key="`lszdnumbercount${subKey}`">
                  <el-col class="zonghe_item">
                    {{subValue}}
                  </el-col>
                </div>
              </div>
            </el-row>
            <!--子项的数据-->
            <el-row class="bottom" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:4%" :style="`height:${height}px`" v-for="(value,key) in numbers"
                      :key="`lszdhesdfader${key}`">
                <el-row v-for="(v,k) in value" :key="`${key}${k}`"> {{v}}</el-row>
              </el-col>
            </el-row>
          </div>
        </div>
        <!--广东快乐十分,澳洲幸运8-->
        <div v-if="memberGameSelected==='gdklsf'||memberGameSelected==='azlucky8'">
          <div class="lszd" v-if="memberLastResult && memberLastResult.lszh">
            <!--最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的-->
            <el-row class="top head">
              <el-col style="width:12.5%" :class="current == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index < 8">
                <div @click="bottomHeadClick(value,key,index)">{{key}}</div>
              </el-col>
            </el-row>
            <!--判断两面长龙排行是否是数组，是数组就隐藏中部-->
            <!--中部显示1-10的各个数据-->
            <el-row class="middle" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:10%">
                <el-row class="number">号码</el-row>
                <el-row class="count" style="font-weight: bold">出球率</el-row>
              </el-col>
              <el-col style="width:4.5%" v-for="(count,num) in memberLastResult.lszh[current].num_count"
                      :key="`lszdnumbercount${num}`">
                <el-row class="number" :class="{wqcq:num>18}"> {{num}}</el-row>
                <el-row class="count"> {{count}}</el-row>
              </el-col>
              <el-row>
                <el-col style="width:10%">
                  <el-row class="count" style="font-weight: bold">无出期数</el-row>
                </el-col>
                <el-col style="width:4.5%" v-for="(count,num) in memberLastResult.cql.wcqs"
                        :key="`lszdnumbercount${num}`">
                  <el-row :class="{wqcq:memberLastResult.cql.wcqs_max === count}" class="count"> {{count}}</el-row>
                </el-col>
              </el-row>
            </el-row>
            <!--结果的子项，显示大小、单双，冠亚军和什么的-->
            <el-row v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)" class="head">
              <el-col style="width: 11.111%" :span="3" :class="(currentBottom == key) && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh[current]" :key="`lszdheader${key}`"
                      v-if="index > 0">
                <div @click="bottomNumberClick(value,key,index)">{{key}}</div>
              </el-col>
              <el-col style="width: 11.111%" :span="5" :class="currentBottom == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index >= 8">
                <div @click="bottomNumberClick(value,key,index,true)">{{key}}</div>
              </el-col>
            </el-row>
            <!---判断两面长龙排行是否是数组，是数组就判断为总和什么的 就没有结果的子项数组-->
            <el-row class="zonghe_bottom" v-else>
              <div class="zonghe_group" :style="'width:'+100/memberLastResult.lszh[current].length+'%'"
                   v-for="(value,key) in memberLastResult.lszh[current]" :key="`lszdnumbercount${key}`">
                <div v-for="(subValue,subKey) in value" :key="`lszdnumbercount${subKey}`">
                  <el-col class="zonghe_item">
                    {{subValue}}
                  </el-col>
                </div>
              </div>
            </el-row>
            <!--子项的数据-->
            <el-row class="bottom" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:4%" :style="`height:${height}px`" v-for="(value,key) in numbers"
                      :key="`lszdhesdfader${key}`">
                <el-row v-for="(v,k) in value" :key="`${key}${k}`"> {{v}}</el-row>
              </el-col>
            </el-row>
          </div>
        </div>
        <!--重庆幸运农场-->
        <div v-if="memberGameSelected==='cqxync'">
          <div class="lszd" v-if="memberLastResult && memberLastResult.lszh">
            <!--最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的-->
            <el-row class="top head">
              <el-col style="width:12.5%" :class="current == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index < 8">
                <div @click="bottomHeadClick(value,key,index)">{{key}}</div>
              </el-col>
            </el-row>
            <!--判断两面长龙排行是否是数组，是数组就隐藏中部-->
            <!--中部显示1-10的各个数据-->
            <el-row class="middle" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col>
                <el-row style="width: 10%;float: left" class="number">类型</el-row>
                <el-row style="float: left;width: 4.5%" class="number" v-for="(item,index) in cqxynclist" :key="index"> {{item.name}}</el-row>
                <div style="clear: both"></div>
              </el-col>
              <el-col style="width:10%">
                <el-row class="number">号码</el-row>
                <el-row class="count" style="font-weight: bold">出球率</el-row>
              </el-col>
              <el-col style="width:4.5%" v-for="(count,num) in memberLastResult.lszh[current].num_count"
                      :key="`lszdnumbercount${num}`">
                <el-row class="number" :class="{wqcq:num>18}"> {{num}}</el-row>
                <el-row class="count"> {{count}}</el-row>
              </el-col>
              <el-row>
                <el-col style="width:10%">
                  <el-row class="count" style="font-weight: bold">无出期数</el-row>
                </el-col>
                <el-col style="width:4.5%" v-for="(count,num) in memberLastResult.cql.wcqs"
                        :key="`lszdnumbercount${num}`">
                  <el-row :class="{wqcq:memberLastResult.cql.wcqs_max === count}" class="count"> {{count}}</el-row>
                </el-col>
              </el-row>
            </el-row>
            <!--结果的子项，显示大小、单双，冠亚军和什么的-->
            <el-row v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)" class="head">
              <el-col style="width: 11.111%" :span="3" :class="(currentBottom == key) && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh[current]" :key="`lszdheader${key}`"
                      v-if="index > 0">
                <div @click="bottomNumberClick(value,key,index)">{{key}}</div>
              </el-col>
              <el-col style="width: 11.111%" :span="5" :class="currentBottom == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index >= 8">
                <div @click="bottomNumberClick(value,key,index,true)">{{key}}</div>
              </el-col>
            </el-row>
            <!---判断两面长龙排行是否是数组，是数组就判断为总和什么的 就没有结果的子项数组-->
            <el-row class="zonghe_bottom" v-else>
              <div class="zonghe_group" :style="'width:'+100/memberLastResult.lszh[current].length+'%'"
                   v-for="(value,key) in memberLastResult.lszh[current]" :key="`lszdnumbercount${key}`">
                <div v-for="(subValue,subKey) in value" :key="`lszdnumbercount${subKey}`">
                  <el-col class="zonghe_item">
                    {{subValue}}
                  </el-col>
                </div>
              </div>
            </el-row>
            <!--子项的数据-->
            <el-row class="bottom" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:4%" :style="`height:${height}px`" v-for="(value,key) in numbers"
                      :key="`lszdhesdfader${key}`">
                <el-row v-for="(v,k) in value" :key="`${key}${k}`"> {{v}}</el-row>
              </el-col>
            </el-row>
          </div>
        </div>
        <!--广西快乐十分-->
        <div v-if="memberGameSelected === 'gxklsf'">
          <div class="lszd" v-if="memberLastResult && memberLastResult.lszh">
            <!--最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的-->
            <el-row class="top head">
              <el-col style="width:20%" :class="current == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index < 5">
                <div @click="bottomHeadClick(value,key,index)">{{key}}</div>
              </el-col>
            </el-row>
            <!--判断两面长龙排行是否是数组，是数组就隐藏中部-->
            <!--中部显示1-10的各个数据-->
            <el-row class="middle" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:16%">
                <el-row class="number">号码</el-row>
                <el-row class="count" style="font-weight: bold">出球率</el-row>
              </el-col>
              <el-col style="width:4%" v-for="(count,num) in memberLastResult.lszh[current].num_count"
                      :key="`lszdnumbercount${num}`">
                <el-row class="number"> {{num}}</el-row>
                <el-row class="count"> {{count}}</el-row>
              </el-col>
            </el-row>
            <!--结果的子项，显示大小、单双，冠亚军和什么的-->
            <el-row v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)" class="head">
              <el-col style="width: 10%" :span="3" :class="(currentBottom == key) && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh[current]" :key="`lszdheader${key}`"
                      v-if="index > 0">
                <div @click="bottomNumberClick(value,key,index)">{{key}}</div>
              </el-col>
              <el-col style="width: 10%" :span="5" :class="currentBottom == key && 'current'"
                      v-for="(value,key,index) in memberLastResult.lszh" :key="`lszdheader${key}`" v-if="index >= 5">
                <div @click="bottomNumberClick(value,key,index, true)">{{key}}</div>
              </el-col>
            </el-row>
            <!---判断两面长龙排行是否是数组，是数组就判断为总和什么的 就没有结果的子项数组-->
            <el-row class="zonghe_bottom" v-else>
              <div class="zonghe_group" :style="'width:'+100/memberLastResult.lszh[current].length+'%'"
                   v-for="(value,key) in memberLastResult.lszh[current]" :key="`lszdnumbercount${key}`">
                <div v-for="(subValue,subKey) in value" :key="`lszdnumbercount${subKey}`">
                  <el-col class="zonghe_item">
                    {{subValue}}
                  </el-col>
                </div>
              </div>
            </el-row>
            <!--子项的数据-->
            <el-row class="bottom" v-if="memberLastResult.lszh[current] && !(memberLastResult.lmcl instanceof Array)">
              <el-col style="width:4%" :style="`height:${height}px`" v-for="(value,key) in numbers"
                      :key="`lszdhesdfader${key}`">
                <el-row v-for="(v,k) in value" :key="`${key}${k}`"> {{v}}</el-row>
              </el-col>
            </el-row>
          </div>
        </div>
      </el-col>
      <!--两面长龙排行-->
      <div v-if="memberGameSelected == 'gxk3' && memberPageSelected == 'all'" style="width: 216px" class="lmclDiv">
        <el-col
          v-if="(memberLastResult && memberLastResult.lmcl) && (memberGameSelected == 'gxk3' && memberPageSelected == 'all')">
          <el-row class="card-title" style="margin-top:0;"> {{memberPages[memberPageSelected]}}长龙排行</el-row>
          <el-row class="card-content menu1" v-for="(item,index) in memberLastResult.lmcl" :key="index"
                  v-if="memberLastResult">
            <el-col :span="4" class="card-left lmclGxk3"
                    style="text-align:center;font-weight:400;background-color:#fff">{{item.p}}期
            </el-col>
            <el-col :span="4" class="card-middle T_K3 lmclGxk3" style="width: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px" :class="`b${item.nums.substring(0,1)}`"></b>
            </el-col>
            <el-col :span="4" class="card-middle T_K3 lmclGxk3" style="width: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px" :class="`b${item.nums.substring(2,3)}`"></b>
            </el-col>
            <el-col :span="4" class="card-middle T_K3 lmclGxk3" style="width: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px" :class="`b${item.nums.substring(4,5)}`"></b>
            </el-col>
            <el-col :span="4" class="card-middle lmclGxk3" style="color:#000000;font-weight: normal">{{item.zh}}</el-col>
            <el-col :span="4" style="color:#000;font-weight: normal" class="card-middle lmclGxk3"
                    :class="{da:item.zhdx === '大',tongchi:item.zhdx === '通吃'}">{{item.zhdx}}
            </el-col>
          </el-row>
        </el-col>
        <el-col
          v-if="(memberLastResult && memberLastResult.lmcl) && (memberGameSelected == 'gxk3' && memberPageSelected == 'yxx')">
          <el-row class="card-title" style="margin-top:0;"> {{memberPages[memberPageSelected]}}长龙排行</el-row>
          <el-row class="card-content menu1" v-for="(item,index) in memberLastResult.lmcl" :key="index"
                  v-if="memberLastResult">
            <el-col :span="6" class="card-left"
                    style="text-align:left;font-weight:400;padding-left:8px;background-color:#fff;height: 36px;line-height: 36px">
              {{item.p}}期
            </el-col>
            <el-col :span="6" class="card-middle T_K" style="height: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px;width: 36px;height: 34px"
                 :class="`b${item.nums.substring(0,1)}`"></b>
            </el-col>
            <el-col :span="6" class="card-middle T_K" style="height: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px;width: 36px;height: 34px"
                 :class="`b${item.nums.substring(2,3)}`"></b>
            </el-col>
            <el-col :span="6" class="card-middle T_K" style="height: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px;width: 36px;height: 34px"
                 :class="`b${item.nums.substring(4,5)}`"></b>
            </el-col>
          </el-row>
        </el-col>
        <el-col
          v-if="(memberLastResult && memberLastResult.lmcl) && (memberGameSelected !== 'gxk3' && memberPageSelected !== 'all')
      && (memberGameSelected !== 'gxk3' && memberPageSelected !== 'all')">
          <el-row class="card-title" style="margin-top:0;"> {{memberPages[memberPageSelected]}}长龙排行</el-row>
          <el-row class="card-content" v-for="(item,index) in memberLastResult.lmcl" :key="index" v-if="memberLastResult">
            <el-col :span="17" class="card-left"
                    style="text-align:left;font-weight:400;padding-left:8px;background-color:#fff">{{index}}
            </el-col>
            <el-col :span="7" class="card-middle">{{item}}期</el-col>
          </el-row>
        </el-col>
      </div>
      <div v-else class="lmclDiv">
        <el-col
          v-if="(memberLastResult && memberLastResult.lmcl) && (memberGameSelected == 'gxk3' && memberPageSelected == 'all')">
          <el-row class="card-title" style="margin-top:0;"> {{memberPages[memberPageSelected]}}长龙排行</el-row>
          <el-row class="card-content menu1" v-for="(item,index) in memberLastResult.lmcl" :key="index"
                  v-if="memberLastResult">
            <el-col :span="4" class="card-left lmclGxk3"
                    style="text-align:center;font-weight:400;background-color:#fff">{{item.p}}期
            </el-col>
            <el-col :span="4" class="card-middle T_K3 lmclGxk3" style="width: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px" :class="`b${item.nums.substring(0,1)}`"></b>
            </el-col>
            <el-col :span="4" class="card-middle T_K3 lmclGxk3" style="width: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px" :class="`b${item.nums.substring(2,3)}`"></b>
            </el-col>
            <el-col :span="4" class="card-middle T_K3 lmclGxk3" style="width: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px" :class="`b${item.nums.substring(4,5)}`"></b>
            </el-col>
            <el-col :span="4" class="card-middle lmclGxk3" style="color:#000000;font-weight: normal">{{item.zh}}</el-col>
            <el-col :span="4" style="color:#000;font-weight: normal" class="card-middle lmclGxk3"
                    :class="{da:item.zhdx === '大',tongchi:item.zhdx === '通吃'}">{{item.zhdx}}
            </el-col>
          </el-row>
        </el-col>
        <el-col
          v-if="(memberLastResult && memberLastResult.lmcl) && (memberGameSelected == 'gxk3' && memberPageSelected == 'yxx')">
          <el-row class="card-title" style="margin-top:0;"> {{memberPages[memberPageSelected]}}长龙排行</el-row>
          <el-row class="card-content menu1" v-for="(item,index) in memberLastResult.lmcl" :key="index"
                  v-if="memberLastResult">
            <el-col :span="6" class="card-left"
                    style="text-align:left;font-weight:400;padding-left:8px;background-color:#fff;height: 36px;line-height: 36px">
              {{item.p}}期
            </el-col>
            <el-col :span="6" class="card-middle T_K" style="height: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px;width: 36px;height: 34px"
                 :class="`b${item.nums.substring(0,1)}`"></b>
            </el-col>
            <el-col :span="6" class="card-middle T_K" style="height: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px;width: 36px;height: 34px"
                 :class="`b${item.nums.substring(2,3)}`"></b>
            </el-col>
            <el-col :span="6" class="card-middle T_K" style="height: 36px;line-height: 36px">
              <b v-if="item.nums" style="margin-left: 4px;width: 36px;height: 34px"
                 :class="`b${item.nums.substring(4,5)}`"></b>
            </el-col>
          </el-row>
        </el-col>
        <el-col
          v-if="(memberLastResult && memberLastResult.lmcl) && (memberGameSelected !== 'gxk3' && memberPageSelected !== 'all')
      && (memberGameSelected !== 'gxk3' && memberPageSelected !== 'all')">
          <el-row class="card-title" style="margin-top:0;"> {{memberPages[memberPageSelected]}}长龙排行</el-row>
          <el-row class="card-content" v-for="(item,index) in memberLastResult.lmcl" :key="index" v-if="memberLastResult">
            <el-col :span="17" class="card-left"
                    style="text-align:left;font-weight:400;padding-left:8px;background-color:#fff">{{index}}
            </el-col>
            <el-col :span="7" class="card-middle">{{item}}期</el-col>
          </el-row>
        </el-col>
      </div>
      <!--快选金额框-->
      <div :style="'display:'+showFastChoose" class="showFastChoose">
        <ul class="showFastChoose_title">
        <span>
          快选金额
        </span>
          <button @click="hideFastChoose">

          </button>
        </ul>
        <div class="showFastChoose_content">
          <ul>
            <li v-for="index in 8">
              <!--<input type="text" class="ds" placeholder="快选金额" v-model="showFastChooseData['textValue'+index]" :key="index">-->
              <input type="text" class="ds" placeholder="快选金额" v-model="showFastChooseData['textValue'+index]" @keyup="showFastChooseData['textValue'+index] = showFastChooseData['textValue'+index].replace(/^(0+)|[^\d]+/g,'')" :key="index">
            </li>
            <li>
              <label>
                <input type="radio" :value="true" v-model="isUseArrow">
                启动
              </label>
              <label>
                <input type="radio" :value="false" v-model="isUseArrow">
                停用
              </label>
            </li>
            <li>
              <button class="showFastChoose_sub" @click="saveFastChoose">
                存储
              </button>
            </li>
          </ul>
        </div>
      </div>
      <!--遮罩-->
      <div class="showFastChooseBack" :style="'display:'+showFastChoose">

      </div>
      <!--遮罩-->
      <!--遮罩-->
    </el-row>
    <div class="showFastChooseBack messageTipBack" :style="'display:'+messagePageVisible">
      <div class="betsPopup messageTip" id="messageTip" :style="'display:' + messagePageVisible + ';top:' + messageHeight + 'px;left:'+ messageWidth + 'px'">
        <ul class="betsPopup_title" @mousedown="move($event)">
        <span>
         用户提示
        </span>
          <button @click="hideMessagePage">

          </button>
        </ul>
        <div class="betsPopup_content">
          {{messageTip}}
        </div>
        <div class="betsPopup_bottom">
          <button class="betsPopup_bottom_btn" @click="submitMessagePage">确 定</button>
          <button class="betsPopup_bottom_btn" @click="hideMessagePage">取 消</button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import { mapGetters } from 'vuex'
  // import { user as userMap } from '@/utils/map' // 参数映射
  import { Message } from 'element-ui'
  import periodForm from '@/views/member/components/period'
  import $ from 'jquery'

  export default {
    components: {
      periodForm,
    },
    directives: {
      // 自定义指令
      getfocus: {
        update: function(el, { value }) {
          if (value) {
            el.focus()
          }
        },
      },
    },
    computed: {
      ...mapGetters([
        'memberInfo', // 会员信息
        'memberGames',  // 获取当前会员可投注的彩种列表
        'memberGamePeriod',  // 获取当前期数信息
        'memberGameAccount', // 账户信息,资金等
        'memberPages',    // 获取页面类型
        'memberLottery',  // 获取下注数据
        'memberOdds',     // 获取当前游戏赔率
        'memberGameSelected', // 获取导航栏
        'memberPageSelected', // 获取页面类型分类选定分页两面等等
        'memberLastResult', // 头部最新开奖期数与结果
        'memberLastOrder',  // 获取最新注单结果
        'diffCloseVuex',
      ]),
      // 获取第一次投注时返回的投注信息
      memberFirstBet() {
        let firstBets = []
        if (this.$store.getters.memberFirstBet || this.$store.getters.memberFirstBet.valid_bets.length > 0) {
          firstBets = JSON.stringify(this.$store.getters.memberFirstBet)
          return JSON.parse(firstBets)
        } else {
          return []
        }
      },
      // 第一次投注保存的内容
      bets() {
        const res = []
        if (this.memberGameSelected === 'gd115' || this.memberGameSelected === 'jsssc' || this.memberGameSelected === 'tjssc' ||
          this.memberGameSelected === 'xjssc' || this.memberGameSelected === 'hlssc' || this.memberGameSelected === 'hljsssc' ||
          this.memberGameSelected === 'amssc' || this.memberGameSelected === 'cqssc' || this.memberGameSelected === 'azlucky5'|| this.memberGameSelected === 'amjsssc') {
          console.log('this.memberPageSelected1s',this.memberPageSelected)
          if (this.memberPageSelected === 'ezdw') {
            if (this.ezdwxzkxtitle === '选项快选') {
              console.log('this.lottery', this.lottery)
              console.log("*)(*",this.checkc)
              this.total.count = this.checkc.length
              return this.newReB
            } else {
              console.log("*)(*",this.checka)
              this.total.count = this.checka.length
              return this.newRes
            }
          } else if (this.memberPageSelected === 'szdw') {
            if (this.szdwxzkxtitle === '选项快选') {
              return this.newReSZ
            } else {
              return this.newReC
            }
          } else if (this.memberPageSelected === 'zxs') {
            return this.newReE
          } else if (this.memberPageSelected === 'fszh') {
            return this.newReJ
          } else if (this.memberPageSelected === 'zxl') {
            return this.newReF
          } else if (this.memberPageSelected === 'zx') {
            return this.newReZ
          } else if (this.memberPageSelected === 'mp') {
            return this.newReG
          } else {
            if (!this.lottery) {
              return res
            }
            let count = 0
            let amount = 0
            for (const key in this.lottery) {
              // true  hasOwnProperty 判断自身属性是否存在
              if (this.lottery.hasOwnProperty(key)) {
                const element = this.lottery[key]
                element.forEach(row => {
                  // 有input而且大于零,保存到bets里面
                  if (row.amount > 0 && row.checked && row.rechecked) {
                    // 添加到bets
                    res.push({
                      option: row.option_code,
                      amount: row.amount,
                      // content: `${key} ${row.option_name}`,
                      content: row.option_name,
                    })
                    // 合计
                    count++
                    amount += row.amount / 1
                  }
                })
              }
            }
            this.total.count = count
            this.total.amount = Math.round(amount * 100) / 100
            return res
          }
        } else if (this.memberGameSelected === 'gdklsf' || this.memberGameSelected === 'azlucky8' || this.memberGameSelected === 'cqxync') {
          if (this.memberPageSelected === 'lm') {
            return this.newReD
          } else {
            if (!this.lottery) {
              return res
            }
            let count = 0
            let amount = 0
            for (const key in this.lottery) {
              // true  hasOwnProperty 判断自身属性是否存在
              if (this.lottery.hasOwnProperty(key)) {
                const element = this.lottery[key]
                element.forEach(row => {
                  // 有input而且大于零,保存到bets里面
                  if (row.amount > 0 && row.checked && row.rechecked) {
                    // 添加到bets
                    res.push({
                      option: row.option_code,
                      amount: row.amount,
                      // content: `${key} ${row.option_name}`,
                      content: row.option_name,
                    })
                    // 合计
                    count++
                    amount += row.amount / 1
                  }
                })
              }
            }
            this.total.count = count
            this.total.amount = Math.round(amount * 100) / 100
            return res
          }
        } else {
          if (!this.lottery) {
            return res
          }
          let count = 0
          let amount = 0
          for (const key in this.lottery) {
            // true  hasOwnProperty 判断自身属性是否存在
            if (this.lottery.hasOwnProperty(key)) {
              const element = this.lottery[key]
              element.forEach(row => {
                // 有input而且大于零,保存到bets里面
                if (row.amount > 0 && row.checked && row.rechecked) {
                  // 添加到bets
                  if (row.option_name == '特码包三') {
                    res.push({
                      option: row.option_code,
                      amount: row.amount,
                      // content: `${key} ${row.option_name}`,
                      content: this.shanb.shanb1.toString() + ',' + this.shanb.shanb2.toString() + ',' + this.shanb.shanb3.toString(),
                    })
                  } else {
                    res.push({
                      option: row.option_code,
                      amount: row.amount,
                      // content: `${key} ${row.option_name}`,
                      content: row.option_name,
                    })
                  }

                  // 合计
                  count++
                  amount += row.amount / 1
                }
              })
            }
          }
          this.total.count = count
          this.total.amount = Math.round(amount * 100) / 100
          return res
        }
      },
      numbers() {
        let res = {}
        if (this.memberLastResult && this.memberLastResult.lszh && this.memberLastResult.lszh[this.current]) {
          if (!this.showHead) { // 暂时默认为true
            res = this.memberLastResult.lszh[this.current][this.currentBottom]
          } else {
            res = this.memberLastResult.lszh[this.currentBottom]
          }
        }
        return res
      },
      height() {
        let max = 16
        for (const key in this.numbers) {
          if (this.numbers.hasOwnProperty(key)) {
            const element = this.numbers[key]
            if (element.length * 16 > max) {
              max = element.length * 16
            }
          }
        }
        return max
      },
    },
    data() {
      return {
        isVisible: false, // 防止用户多次点击 true为禁用， false，为不禁用
        issubmitgxk3show:true,
        submitgxk3show:false,
        messageWidth: '',
        messageHeight: '',
        messaegType: '',
        messageTip: '',
        messagePageVisible:'none',
        betsPopupWidth: '',
        betsPopupHeight: '',
        isFocus: '', // 点击注项代号
        FastChooseEl: null, // 快选金额选中的节点
        showFastChooseData:{
          textValue1: '',
          textValue2: '',
          textValue3: '',
          textValue4: '',
          textValue5: '',
          textValue6: '',
          textValue7: '',
          textValue8: '',
        }, // 快选金额项
        showFastChoose: 'none',
        isUseArrow: false,
        showArrow: 'none',
        arrow_boxX: null,
        arrow_boxY: null,
        showHead: false,
        cqxynclist:[
          {name:'西瓜'},
          {name:'椰子'},
          {name:'榴莲'},
          {name:'柚子'},
          {name:'菠萝'},
          {name:'葡萄'},
          {name:'荔枝'},
          {name:'樱桃'},
          {name:'草莓'},
          {name:'番茄'},
          {name:'梨子'},
          {name:'苹果'},
          {name:'桃子'},
          {name:'柑橘'},
          {name:'冬瓜'},
          {name:'萝卜'},
          {name:'南瓜'},
          {name:'茄子'},
          {name:'家犬'},
          {name:'奶牛'},
        ],
        ifss:1,
        szzhfw1: '',
        szzhfw2: '',
        responses: null,
        totalbets: null,
        indexcombination: '二字前三',
        indexcombinations: '三字前三',
        indexduplex: '前三复式',
        indexspans: '前三组跨度',
        ezdwindex: '万千',
        szdwindex: '前三',
        ezzhindex: '二字前三',
        szzhindex: '三字前三',
        ezhsindexa: '万千和数',
        ezhsindexb: '万千和数尾数',
        szhsindexa: '前三和数',
        szhsindexb: '前三和数尾数',
        kdindex: '前三组跨度',
        checkedRules: {
          numOne: {
            'checkedD': false,
            'checkedS': false,
            'num': null,
          },
          numTwo: {
            'checkedD': false,
            'checkedS': false,
            'num': null,
          },
          checkedSC: {
            'checkedD': false,
            'checkedS': false,
          },
          checkeBro: {
            'checkedD': false,
            'checkedS': false,
          },
          num: {
            'numD': null,
            'numS': null,
          },
        }, // 二字定位筛选条件
        numbersfxkc: '',
        listtitle: [
          {
            zl: '种类',
            pl: '赔率',
            je: '金额',
          },
          {
            zl: '种类',
            pl: '赔率',
            je: '金额',
          },
          {
            zl: '种类',
            pl: '赔率',
            je: '金额',
          },
          {
            zl: '种类',
            pl: '赔率',
            je: '金额',
          },
          {
            zl: '种类',
            pl: '赔率',
            je: '金额',
          },
        ],
        Choice: [
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
        ],

        gsyxwzxxz: [
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
          {qiu: '球', xz: '选择'},
        ], // 广东11选5直选
        gsyxwzx: [
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
          {numname: '10', checked: false},
          {numname: '11', checked: false},
          {numname: ''},
        ], // 广东11选5直选
        gsyxwzxs: [
          {numname: "1", checked: false},
          {numname: "2", checked: false},
          {numname: "3", checked: false},
          {numname: "4", checked: false},
          {numname: "5", checked: false},
          {numname: "6", checked: false},
          {numname: "7", checked: false},
          {numname: "8", checked: false},
          {numname: "9", checked: false},
          {numname: "10", checked: false},
          {numname: "11", checked: false},
          {numname: ""},
        ], // 广东11选5直选
        gsyxwzxsn: [
          {numname: "1", checked: false},
          {numname: "2", checked: false},
          {numname: "3", checked: false},
          {numname: "4", checked: false},
          {numname: "5", checked: false},
          {numname: "6", checked: false},
          {numname: "7", checked: false},
          {numname: "8", checked: false},
          {numname: "9", checked: false},
          {numname: "10", checked: false},
          {numname: "11", checked: false},
          {numname: ""},
        ], // 广东11选5直选
        zxindex: '前二直选', // 广东11选5直选
        newReZ: [], // 广东11选5直选数据
        option_codes: '', // 广东11数据
        gsyxwlm: [
          [
            {numname: '1', checked: false},
            {numname: '2', checked: false},
            {numname: '3', checked: false},
            {numname: '4', checked: false},
            {numname: '5', checked: false},
            {numname: '6', checked: false},
          ],
          [
            {numname: '7', checked: false},
            {numname: '8', checked: false},
            {numname: '9', checked: false},
            {numname: '10', checked: false},
            {numname: '11', checked: false},
            {numname: ''},
          ],
        ],  // 广东11选5连码
        listgdxwlm: [
          {
            name: '任选二中二',
            rx: 'RX2Z2',
            inputname: 'rxhm',
          },
          {
            name: '任选三中三',
            rx: 'RX3Z3',
            inputname: 'rxhm',
          },
          {
            name: '任选四中四',
            rx: 'RX4Z4',
            inputname: 'rxhm',
          }, {
            name: '任选五中五',
            rx: 'RX5Z5',
            inputname: 'rxhm',
          },
          {
            name: '任选六中五',
            rx: 'RX6Z5',
            inputname: 'rxhm',
          },
          {
            name: '任选七中五',
            rx: 'RX7Z5',
            inputname: 'rxhm',
          }, {
            name: '任选八中五',
            rx: 'RX8Z5',
            inputname: 'rxhm',
          }, {
            name: '前二组选',
            rx: 'Q2ZX',
            inputname: 'rxhm',
          }, {
            name: '前三组选',
            rx: 'Q3ZX',
            inputname: 'rxhm',
          },
        ],     // 广东11选5连码
        gd115lmdh: 'RX2Z2',  // 广东11选5代号
        gd115lmchecka: [],  // 广东11选5连码
        newReG: [],  // 广东11选5连码
        gd11X5: '', // 广东11选5连码

        gdklsflmdh: 'RX2',// 广东快乐十分代号
        listlm: [
          {
            name: '任选二',
            rx: 'RX2',
            inputname: 'rxhm',
          },
          {
            name: '任选三',
            rx: 'RX3',
            inputname: 'rxhm',
          },
          {
            name: '任选四',
            rx: 'RX4',
            inputname: 'rxhm',
          }, {
            name: '任选五',
            rx: 'RX5',
            inputname: 'rxhm',
          },
          {
            name: '选二连组',
            rx: 'X2LZ',
            inputname: 'rxhm',
          }, {
            name: '选三前组',
            rx: 'X3QZ',
            inputname: 'rxhm',
          },
        ],     // 广东快乐十分连码
        gdklsflm: [
          [
            {numname: '1', checked: false},
            {numname: '2', checked: false},
            {numname: '3', checked: false},
            {numname: '4', checked: false},
            {numname: '5', checked: false},
          ],
          [
            {numname: '6', checked: false},
            {numname: '7', checked: false},
            {numname: '8', checked: false},
            {numname: '9', checked: false},
            {numname: '10', checked: false},
          ],
          [
            {numname: '11', checked: false},
            {numname: '12', checked: false},
            {numname: '13', checked: false},
            {numname: '14', checked: false},
            {numname: '15', checked: false},
          ],
          [
            {numname: '16', checked: false},
            {numname: '17', checked: false},
            {numname: '18', checked: false},
            {numname: '19', checked: false},
            {numname: '20', checked: false},
          ],
        ],  // 广东快乐十分连码
        lmdata: false, // 连码提交数据
        lmchecka: [],      // 广东快乐十分
        newReD: [],
        gdklSF: '',
        ggreadonly: true,  // 禁用文本框

        chasa: '',   // 广西快三
        chasb: '',   // 广西快三
        amounts: '',  // 广西快三
        checkeds: true,  // 广西快三
        totalbetsa: 0,  // 广西快三
        totalbeth: 0, // 广西快三

        checkedRules: {
          numOne: {
            'checkedD': false,
            'checkedS': false,
            'num': null,
          },
          numTwo: {
            'checkedD': false,
            'checkedS': false,
            'num': null,
          },
          checkedSC: {
            'checkedD': false,
            'checkedS': false,
          },
          checkeBro: {
            'checkedD': false,
            'checkedS': false,
          },
          num: {
            'numD': null,
            'numS': null,
          },
        }, // 二字定位筛选条件
        Choicename: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ], // 二字定位万千快选
        Choicenames: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ], // 二字定位万千快选
        checka: [], // 二字定位万千快选
        checkb: [],  // 二字定位万千快选
        checkc: [], // 二字定位选中快选
        beforeXzkxlist: [],
        xzkxlist: [
          [
            {numname: '00', checked: false},
            {numname: '01', checked: false},
            {numname: '02', checked: false},
            {numname: '03', checked: false},
            {numname: '04', checked: false},
            {numname: '05', checked: false},
            {numname: '06', checked: false},
            {numname: '07', checked: false},
            {numname: '08', checked: false},
            {numname: '09', checked: false},
          ],
          [
            {numname: '10', checked: false},
            {numname: '11', checked: false},
            {numname: '12', checked: false},
            {numname: '13', checked: false},
            {numname: '14', checked: false},
            {numname: '15', checked: false},
            {numname: '16', checked: false},
            {numname: '17', checked: false},
            {numname: '18', checked: false},
            {numname: '19', checked: false},
          ],
          [
            {numname: '20', checked: false},
            {numname: '21', checked: false},
            {numname: '22', checked: false},
            {numname: '23', checked: false},
            {numname: '24', checked: false},
            {numname: '25', checked: false},
            {numname: '26', checked: false},
            {numname: '27', checked: false},
            {numname: '28', checked: false},
            {numname: '29', checked: false},
          ],
          [
            {numname: '30', checked: false},
            {numname: '31', checked: false},
            {numname: '32', checked: false},
            {numname: '33', checked: false},
            {numname: '34', checked: false},
            {numname: '35', checked: false},
            {numname: '36', checked: false},
            {numname: '37', checked: false},
            {numname: '38', checked: false},
            {numname: '39', checked: false},
          ],
          [
            {numname: '40', checked: false},
            {numname: '41', checked: false},
            {numname: '42', checked: false},
            {numname: '43', checked: false},
            {numname: '44', checked: false},
            {numname: '45', checked: false},
            {numname: '46', checked: false},
            {numname: '47', checked: false},
            {numname: '48', checked: false},
            {numname: '49', checked: false},
          ],
          [
            {numname: '50', checked: false},
            {numname: '51', checked: false},
            {numname: '52', checked: false},
            {numname: '53', checked: false},
            {numname: '54', checked: false},
            {numname: '55', checked: false},
            {numname: '56', checked: false},
            {numname: '57', checked: false},
            {numname: '58', checked: false},
            {numname: '59', checked: false},
          ],
          [
            {numname: '60', checked: false},
            {numname: '61', checked: false},
            {numname: '62', checked: false},
            {numname: '63', checked: false},
            {numname: '64', checked: false},
            {numname: '65', checked: false},
            {numname: '66', checked: false},
            {numname: '67', checked: false},
            {numname: '68', checked: false},
            {numname: '69', checked: false},
          ],
          [
            {numname: '70', checked: false},
            {numname: '71', checked: false},
            {numname: '72', checked: false},
            {numname: '73', checked: false},
            {numname: '74', checked: false},
            {numname: '75', checked: false},
            {numname: '76', checked: false},
            {numname: '77', checked: false},
            {numname: '78', checked: false},
            {numname: '79', checked: false},
          ],
          [
            {numname: '80', checked: false},
            {numname: '81', checked: false},
            {numname: '82', checked: false},
            {numname: '83', checked: false},
            {numname: '84', checked: false},
            {numname: '85', checked: false},
            {numname: '86', checked: false},
            {numname: '87', checked: false},
            {numname: '88', checked: false},
            {numname: '89', checked: false},
          ],
          [
            {numname: '90', checked: false},
            {numname: '91', checked: false},
            {numname: '92', checked: false},
            {numname: '93', checked: false},
            {numname: '94', checked: false},
            {numname: '95', checked: false},
            {numname: '96', checked: false},
            {numname: '97', checked: false},
            {numname: '98', checked: false},
            {numname: '99', checked: false},
          ],
        ], // 二字定位选项快选
        newRes: [], // 二字定位
        newReB: [],  // 二字定位
        beforeA: '', // 二字定位万千快选
        beforeB: '', // 二字定位万千快选
        beforee: '',  // 二字选项快选
        wq: '万千',
        ezdwxzkxtitle: '万千位快选',
        codename: 'WQ',  // 代号

        szcheckc: [], // 三字定位选中快选
        szdwChoicename: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ],  // 三字定位万千快选
        szdwChoicenama: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ],  // 三字定位万千快选
        szdwChoicenamb: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ],  // 三字定位万千快选
        szdwchecka: [], // 三字定位万千快选
        szdwcheckb: [], // 三字定位万千快选
        szdwcheckc: [], // 三字定位万千快选
        beforeC: '', // 三字定位万千快选
        beforeD: '', // 三字定位万千快选
        beforeE: '', // 三字定位万千快选
        szbeforee: '', // 三字选项快选
        newReC: [],   // 三字定位
        newReSZ: [],  // 三字定位
        beforeXzkxlistsz: [],
        szxzkxlist: [
          [
            {numname: '000', checked: false},
            {numname: '001', checked: false},
            {numname: '002', checked: false},
            {numname: '003', checked: false},
            {numname: '004', checked: false},
            {numname: '005', checked: false},
            {numname: '006', checked: false},
            {numname: '007', checked: false},
            {numname: '008', checked: false},
            {numname: '009', checked: false},
          ],
          [
            {numname: '010', checked: false},
            {numname: '011', checked: false},
            {numname: '012', checked: false},
            {numname: '013', checked: false},
            {numname: '014', checked: false},
            {numname: '015', checked: false},
            {numname: '016', checked: false},
            {numname: '017', checked: false},
            {numname: '018', checked: false},
            {numname: '019', checked: false},
          ],
          [
            {numname: '020', checked: false},
            {numname: '021', checked: false},
            {numname: '022', checked: false},
            {numname: '023', checked: false},
            {numname: '024', checked: false},
            {numname: '025', checked: false},
            {numname: '026', checked: false},
            {numname: '027', checked: false},
            {numname: '028', checked: false},
            {numname: '029', checked: false},
          ],
          [
            {numname: '030', checked: false},
            {numname: '031', checked: false},
            {numname: '032', checked: false},
            {numname: '033', checked: false},
            {numname: '034', checked: false},
            {numname: '035', checked: false},
            {numname: '036', checked: false},
            {numname: '037', checked: false},
            {numname: '038', checked: false},
            {numname: '039', checked: false},
          ],
          [
            {numname: '040', checked: false},
            {numname: '041', checked: false},
            {numname: '042', checked: false},
            {numname: '043', checked: false},
            {numname: '044', checked: false},
            {numname: '045', checked: false},
            {numname: '046', checked: false},
            {numname: '047', checked: false},
            {numname: '048', checked: false},
            {numname: '049', checked: false},
          ],
          [
            {numname: '050', checked: false},
            {numname: '051', checked: false},
            {numname: '052', checked: false},
            {numname: '053', checked: false},
            {numname: '054', checked: false},
            {numname: '055', checked: false},
            {numname: '056', checked: false},
            {numname: '057', checked: false},
            {numname: '058', checked: false},
            {numname: '059', checked: false},
          ],
          [
            {numname: '060', checked: false},
            {numname: '061', checked: false},
            {numname: '062', checked: false},
            {numname: '063', checked: false},
            {numname: '064', checked: false},
            {numname: '065', checked: false},
            {numname: '066', checked: false},
            {numname: '067', checked: false},
            {numname: '068', checked: false},
            {numname: '069', checked: false},
          ],
          [
            {numname: '070', checked: false},
            {numname: '071', checked: false},
            {numname: '072', checked: false},
            {numname: '073', checked: false},
            {numname: '074', checked: false},
            {numname: '075', checked: false},
            {numname: '076', checked: false},
            {numname: '077', checked: false},
            {numname: '078', checked: false},
            {numname: '079', checked: false},
          ],
          [
            {numname: '080', checked: false},
            {numname: '081', checked: false},
            {numname: '082', checked: false},
            {numname: '083', checked: false},
            {numname: '084', checked: false},
            {numname: '085', checked: false},
            {numname: '086', checked: false},
            {numname: '087', checked: false},
            {numname: '088', checked: false},
            {numname: '089', checked: false},
          ],
          [
            {numname: '090', checked: false},
            {numname: '091', checked: false},
            {numname: '092', checked: false},
            {numname: '093', checked: false},
            {numname: '094', checked: false},
            {numname: '095', checked: false},
            {numname: '096', checked: false},
            {numname: '097', checked: false},
            {numname: '098', checked: false},
            {numname: '099', checked: false},
          ],

          [
            {numname: '100', checked: false},
            {numname: '101', checked: false},
            {numname: '102', checked: false},
            {numname: '103', checked: false},
            {numname: '104', checked: false},
            {numname: '105', checked: false},
            {numname: '106', checked: false},
            {numname: '107', checked: false},
            {numname: '108', checked: false},
            {numname: '109', checked: false},
          ],
          [
            {numname: '110', checked: false},
            {numname: '111', checked: false},
            {numname: '112', checked: false},
            {numname: '113', checked: false},
            {numname: '114', checked: false},
            {numname: '115', checked: false},
            {numname: '116', checked: false},
            {numname: '117', checked: false},
            {numname: '118', checked: false},
            {numname: '119', checked: false},
          ],
          [
            {numname: '120', checked: false},
            {numname: '121', checked: false},
            {numname: '122', checked: false},
            {numname: '123', checked: false},
            {numname: '124', checked: false},
            {numname: '125', checked: false},
            {numname: '126', checked: false},
            {numname: '127', checked: false},
            {numname: '128', checked: false},
            {numname: '129', checked: false},
          ],
          [
            {numname: '130', checked: false},
            {numname: '131', checked: false},
            {numname: '132', checked: false},
            {numname: '133', checked: false},
            {numname: '134', checked: false},
            {numname: '135', checked: false},
            {numname: '136', checked: false},
            {numname: '137', checked: false},
            {numname: '138', checked: false},
            {numname: '139', checked: false},
          ],
          [
            {numname: '140', checked: false},
            {numname: '141', checked: false},
            {numname: '142', checked: false},
            {numname: '143', checked: false},
            {numname: '144', checked: false},
            {numname: '145', checked: false},
            {numname: '146', checked: false},
            {numname: '147', checked: false},
            {numname: '148', checked: false},
            {numname: '149', checked: false},
          ],
          [
            {numname: '150', checked: false},
            {numname: '151', checked: false},
            {numname: '152', checked: false},
            {numname: '153', checked: false},
            {numname: '154', checked: false},
            {numname: '155', checked: false},
            {numname: '156', checked: false},
            {numname: '157', checked: false},
            {numname: '158', checked: false},
            {numname: '159', checked: false},
          ],
          [
            {numname: '160', checked: false},
            {numname: '161', checked: false},
            {numname: '162', checked: false},
            {numname: '163', checked: false},
            {numname: '164', checked: false},
            {numname: '165', checked: false},
            {numname: '166', checked: false},
            {numname: '167', checked: false},
            {numname: '168', checked: false},
            {numname: '169', checked: false},
          ],
          [
            {numname: '170', checked: false},
            {numname: '171', checked: false},
            {numname: '172', checked: false},
            {numname: '173', checked: false},
            {numname: '174', checked: false},
            {numname: '175', checked: false},
            {numname: '176', checked: false},
            {numname: '177', checked: false},
            {numname: '178', checked: false},
            {numname: '179', checked: false},
          ],
          [
            {numname: '180', checked: false},
            {numname: '181', checked: false},
            {numname: '182', checked: false},
            {numname: '183', checked: false},
            {numname: '184', checked: false},
            {numname: '185', checked: false},
            {numname: '186', checked: false},
            {numname: '187', checked: false},
            {numname: '188', checked: false},
            {numname: '189', checked: false},
          ],
          [
            {numname: '190', checked: false},
            {numname: '191', checked: false},
            {numname: '192', checked: false},
            {numname: '193', checked: false},
            {numname: '194', checked: false},
            {numname: '195', checked: false},
            {numname: '196', checked: false},
            {numname: '197', checked: false},
            {numname: '198', checked: false},
            {numname: '199', checked: false},
          ],

          [
            {numname: '200', checked: false},
            {numname: '201', checked: false},
            {numname: '202', checked: false},
            {numname: '203', checked: false},
            {numname: '204', checked: false},
            {numname: '205', checked: false},
            {numname: '206', checked: false},
            {numname: '207', checked: false},
            {numname: '208', checked: false},
            {numname: '209', checked: false},
          ],
          [
            {numname: '210', checked: false},
            {numname: '211', checked: false},
            {numname: '212', checked: false},
            {numname: '213', checked: false},
            {numname: '214', checked: false},
            {numname: '215', checked: false},
            {numname: '216', checked: false},
            {numname: '217', checked: false},
            {numname: '218', checked: false},
            {numname: '219', checked: false},
          ],
          [
            {numname: '220', checked: false},
            {numname: '221', checked: false},
            {numname: '222', checked: false},
            {numname: '223', checked: false},
            {numname: '224', checked: false},
            {numname: '225', checked: false},
            {numname: '226', checked: false},
            {numname: '227', checked: false},
            {numname: '228', checked: false},
            {numname: '229', checked: false},
          ],
          [
            {numname: '230', checked: false},
            {numname: '231', checked: false},
            {numname: '232', checked: false},
            {numname: '233', checked: false},
            {numname: '234', checked: false},
            {numname: '235', checked: false},
            {numname: '236', checked: false},
            {numname: '237', checked: false},
            {numname: '238', checked: false},
            {numname: '239', checked: false},
          ],
          [
            {numname: '240', checked: false},
            {numname: '241', checked: false},
            {numname: '242', checked: false},
            {numname: '243', checked: false},
            {numname: '244', checked: false},
            {numname: '245', checked: false},
            {numname: '246', checked: false},
            {numname: '247', checked: false},
            {numname: '248', checked: false},
            {numname: '249', checked: false},
          ],
          [
            {numname: '250', checked: false},
            {numname: '251', checked: false},
            {numname: '252', checked: false},
            {numname: '253', checked: false},
            {numname: '254', checked: false},
            {numname: '255', checked: false},
            {numname: '256', checked: false},
            {numname: '257', checked: false},
            {numname: '258', checked: false},
            {numname: '259', checked: false},
          ],
          [
            {numname: '260', checked: false},
            {numname: '261', checked: false},
            {numname: '262', checked: false},
            {numname: '263', checked: false},
            {numname: '264', checked: false},
            {numname: '265', checked: false},
            {numname: '266', checked: false},
            {numname: '267', checked: false},
            {numname: '268', checked: false},
            {numname: '269', checked: false},
          ],
          [
            {numname: '270', checked: false},
            {numname: '271', checked: false},
            {numname: '272', checked: false},
            {numname: '273', checked: false},
            {numname: '274', checked: false},
            {numname: '275', checked: false},
            {numname: '276', checked: false},
            {numname: '277', checked: false},
            {numname: '278', checked: false},
            {numname: '279', checked: false},
          ],
          [
            {numname: '280', checked: false},
            {numname: '281', checked: false},
            {numname: '282', checked: false},
            {numname: '283', checked: false},
            {numname: '284', checked: false},
            {numname: '285', checked: false},
            {numname: '286', checked: false},
            {numname: '287', checked: false},
            {numname: '288', checked: false},
            {numname: '289', checked: false},
          ],
          [
            {numname: '290', checked: false},
            {numname: '291', checked: false},
            {numname: '292', checked: false},
            {numname: '293', checked: false},
            {numname: '294', checked: false},
            {numname: '295', checked: false},
            {numname: '296', checked: false},
            {numname: '297', checked: false},
            {numname: '298', checked: false},
            {numname: '299', checked: false},
          ],

          [
            {numname: '300', checked: false},
            {numname: '301', checked: false},
            {numname: '302', checked: false},
            {numname: '303', checked: false},
            {numname: '304', checked: false},
            {numname: '305', checked: false},
            {numname: '306', checked: false},
            {numname: '307', checked: false},
            {numname: '308', checked: false},
            {numname: '309', checked: false},
          ],
          [
            {numname: '310', checked: false},
            {numname: '311', checked: false},
            {numname: '312', checked: false},
            {numname: '313', checked: false},
            {numname: '314', checked: false},
            {numname: '315', checked: false},
            {numname: '316', checked: false},
            {numname: '317', checked: false},
            {numname: '318', checked: false},
            {numname: '319', checked: false},
          ],
          [
            {numname: '320', checked: false},
            {numname: '321', checked: false},
            {numname: '322', checked: false},
            {numname: '323', checked: false},
            {numname: '324', checked: false},
            {numname: '325', checked: false},
            {numname: '326', checked: false},
            {numname: '327', checked: false},
            {numname: '328', checked: false},
            {numname: '329', checked: false},
          ],
          [
            {numname: '330', checked: false},
            {numname: '331', checked: false},
            {numname: '332', checked: false},
            {numname: '333', checked: false},
            {numname: '334', checked: false},
            {numname: '335', checked: false},
            {numname: '336', checked: false},
            {numname: '337', checked: false},
            {numname: '338', checked: false},
            {numname: '339', checked: false},
          ],
          [
            {numname: '340', checked: false},
            {numname: '341', checked: false},
            {numname: '342', checked: false},
            {numname: '343', checked: false},
            {numname: '344', checked: false},
            {numname: '345', checked: false},
            {numname: '346', checked: false},
            {numname: '347', checked: false},
            {numname: '348', checked: false},
            {numname: '349', checked: false},
          ],
          [
            {numname: '350', checked: false},
            {numname: '351', checked: false},
            {numname: '352', checked: false},
            {numname: '353', checked: false},
            {numname: '354', checked: false},
            {numname: '355', checked: false},
            {numname: '356', checked: false},
            {numname: '357', checked: false},
            {numname: '358', checked: false},
            {numname: '359', checked: false},
          ],
          [
            {numname: '360', checked: false},
            {numname: '361', checked: false},
            {numname: '362', checked: false},
            {numname: '363', checked: false},
            {numname: '364', checked: false},
            {numname: '365', checked: false},
            {numname: '366', checked: false},
            {numname: '367', checked: false},
            {numname: '368', checked: false},
            {numname: '369', checked: false},
          ],
          [
            {numname: '370', checked: false},
            {numname: '371', checked: false},
            {numname: '372', checked: false},
            {numname: '373', checked: false},
            {numname: '374', checked: false},
            {numname: '375', checked: false},
            {numname: '376', checked: false},
            {numname: '377', checked: false},
            {numname: '378', checked: false},
            {numname: '379', checked: false},
          ],
          [
            {numname: '380', checked: false},
            {numname: '381', checked: false},
            {numname: '382', checked: false},
            {numname: '383', checked: false},
            {numname: '384', checked: false},
            {numname: '385', checked: false},
            {numname: '386', checked: false},
            {numname: '387', checked: false},
            {numname: '388', checked: false},
            {numname: '389', checked: false},
          ],
          [
            {numname: '390', checked: false},
            {numname: '391', checked: false},
            {numname: '392', checked: false},
            {numname: '393', checked: false},
            {numname: '394', checked: false},
            {numname: '395', checked: false},
            {numname: '396', checked: false},
            {numname: '397', checked: false},
            {numname: '398', checked: false},
            {numname: '399', checked: false},
          ],

          [
            {numname: '400', checked: false},
            {numname: '401', checked: false},
            {numname: '402', checked: false},
            {numname: '403', checked: false},
            {numname: '404', checked: false},
            {numname: '405', checked: false},
            {numname: '406', checked: false},
            {numname: '407', checked: false},
            {numname: '408', checked: false},
            {numname: '409', checked: false},
          ],
          [
            {numname: '410', checked: false},
            {numname: '411', checked: false},
            {numname: '412', checked: false},
            {numname: '413', checked: false},
            {numname: '414', checked: false},
            {numname: '415', checked: false},
            {numname: '416', checked: false},
            {numname: '417', checked: false},
            {numname: '418', checked: false},
            {numname: '419', checked: false},
          ],
          [
            {numname: '420', checked: false},
            {numname: '421', checked: false},
            {numname: '422', checked: false},
            {numname: '423', checked: false},
            {numname: '424', checked: false},
            {numname: '425', checked: false},
            {numname: '426', checked: false},
            {numname: '427', checked: false},
            {numname: '428', checked: false},
            {numname: '429', checked: false},
          ],
          [
            {numname: '430', checked: false},
            {numname: '431', checked: false},
            {numname: '432', checked: false},
            {numname: '433', checked: false},
            {numname: '434', checked: false},
            {numname: '435', checked: false},
            {numname: '436', checked: false},
            {numname: '437', checked: false},
            {numname: '438', checked: false},
            {numname: '439', checked: false},
          ],
          [
            {numname: '440', checked: false},
            {numname: '441', checked: false},
            {numname: '442', checked: false},
            {numname: '443', checked: false},
            {numname: '444', checked: false},
            {numname: '445', checked: false},
            {numname: '446', checked: false},
            {numname: '447', checked: false},
            {numname: '448', checked: false},
            {numname: '449', checked: false},
          ],
          [
            {numname: '450', checked: false},
            {numname: '451', checked: false},
            {numname: '452', checked: false},
            {numname: '453', checked: false},
            {numname: '454', checked: false},
            {numname: '455', checked: false},
            {numname: '456', checked: false},
            {numname: '457', checked: false},
            {numname: '458', checked: false},
            {numname: '459', checked: false},
          ],
          [
            {numname: '460', checked: false},
            {numname: '461', checked: false},
            {numname: '462', checked: false},
            {numname: '463', checked: false},
            {numname: '464', checked: false},
            {numname: '465', checked: false},
            {numname: '466', checked: false},
            {numname: '467', checked: false},
            {numname: '468', checked: false},
            {numname: '469', checked: false},
          ],
          [
            {numname: '470', checked: false},
            {numname: '471', checked: false},
            {numname: '472', checked: false},
            {numname: '473', checked: false},
            {numname: '474', checked: false},
            {numname: '475', checked: false},
            {numname: '476', checked: false},
            {numname: '477', checked: false},
            {numname: '478', checked: false},
            {numname: '479', checked: false},
          ],
          [
            {numname: '480', checked: false},
            {numname: '481', checked: false},
            {numname: '482', checked: false},
            {numname: '483', checked: false},
            {numname: '484', checked: false},
            {numname: '485', checked: false},
            {numname: '486', checked: false},
            {numname: '487', checked: false},
            {numname: '488', checked: false},
            {numname: '489', checked: false},
          ],
          [
            {numname: '490', checked: false},
            {numname: '491', checked: false},
            {numname: '492', checked: false},
            {numname: '493', checked: false},
            {numname: '494', checked: false},
            {numname: '495', checked: false},
            {numname: '496', checked: false},
            {numname: '497', checked: false},
            {numname: '498', checked: false},
            {numname: '499', checked: false},
          ],

          [
            {numname: '500', checked: false},
            {numname: '501', checked: false},
            {numname: '502', checked: false},
            {numname: '503', checked: false},
            {numname: '504', checked: false},
            {numname: '505', checked: false},
            {numname: '506', checked: false},
            {numname: '507', checked: false},
            {numname: '508', checked: false},
            {numname: '509', checked: false},
          ],
          [
            {numname: '510', checked: false},
            {numname: '511', checked: false},
            {numname: '512', checked: false},
            {numname: '513', checked: false},
            {numname: '514', checked: false},
            {numname: '515', checked: false},
            {numname: '516', checked: false},
            {numname: '517', checked: false},
            {numname: '518', checked: false},
            {numname: '519', checked: false},
          ],
          [
            {numname: '520', checked: false},
            {numname: '521', checked: false},
            {numname: '522', checked: false},
            {numname: '523', checked: false},
            {numname: '524', checked: false},
            {numname: '525', checked: false},
            {numname: '526', checked: false},
            {numname: '527', checked: false},
            {numname: '528', checked: false},
            {numname: '529', checked: false},
          ],
          [
            {numname: '530', checked: false},
            {numname: '531', checked: false},
            {numname: '532', checked: false},
            {numname: '533', checked: false},
            {numname: '534', checked: false},
            {numname: '535', checked: false},
            {numname: '536', checked: false},
            {numname: '537', checked: false},
            {numname: '538', checked: false},
            {numname: '539', checked: false},
          ],
          [
            {numname: '540', checked: false},
            {numname: '541', checked: false},
            {numname: '542', checked: false},
            {numname: '543', checked: false},
            {numname: '544', checked: false},
            {numname: '545', checked: false},
            {numname: '546', checked: false},
            {numname: '547', checked: false},
            {numname: '548', checked: false},
            {numname: '549', checked: false},
          ],
          [
            {numname: '550', checked: false},
            {numname: '551', checked: false},
            {numname: '552', checked: false},
            {numname: '553', checked: false},
            {numname: '554', checked: false},
            {numname: '555', checked: false},
            {numname: '556', checked: false},
            {numname: '557', checked: false},
            {numname: '558', checked: false},
            {numname: '559', checked: false},
          ],
          [
            {numname: '560', checked: false},
            {numname: '561', checked: false},
            {numname: '562', checked: false},
            {numname: '563', checked: false},
            {numname: '564', checked: false},
            {numname: '565', checked: false},
            {numname: '566', checked: false},
            {numname: '567', checked: false},
            {numname: '568', checked: false},
            {numname: '569', checked: false},
          ],
          [
            {numname: '570', checked: false},
            {numname: '571', checked: false},
            {numname: '572', checked: false},
            {numname: '573', checked: false},
            {numname: '574', checked: false},
            {numname: '575', checked: false},
            {numname: '576', checked: false},
            {numname: '577', checked: false},
            {numname: '578', checked: false},
            {numname: '579', checked: false},
          ],
          [
            {numname: '580', checked: false},
            {numname: '581', checked: false},
            {numname: '582', checked: false},
            {numname: '583', checked: false},
            {numname: '584', checked: false},
            {numname: '585', checked: false},
            {numname: '586', checked: false},
            {numname: '587', checked: false},
            {numname: '588', checked: false},
            {numname: '589', checked: false},
          ],
          [
            {numname: '590', checked: false},
            {numname: '591', checked: false},
            {numname: '592', checked: false},
            {numname: '593', checked: false},
            {numname: '594', checked: false},
            {numname: '595', checked: false},
            {numname: '596', checked: false},
            {numname: '597', checked: false},
            {numname: '598', checked: false},
            {numname: '599', checked: false},
          ],

          [
            {numname: '600', checked: false},
            {numname: '601', checked: false},
            {numname: '602', checked: false},
            {numname: '603', checked: false},
            {numname: '604', checked: false},
            {numname: '605', checked: false},
            {numname: '606', checked: false},
            {numname: '607', checked: false},
            {numname: '608', checked: false},
            {numname: '609', checked: false},
          ],
          [
            {numname: '610', checked: false},
            {numname: '611', checked: false},
            {numname: '612', checked: false},
            {numname: '613', checked: false},
            {numname: '614', checked: false},
            {numname: '615', checked: false},
            {numname: '616', checked: false},
            {numname: '617', checked: false},
            {numname: '618', checked: false},
            {numname: '619', checked: false},
          ],
          [
            {numname: '620', checked: false},
            {numname: '621', checked: false},
            {numname: '622', checked: false},
            {numname: '623', checked: false},
            {numname: '624', checked: false},
            {numname: '625', checked: false},
            {numname: '626', checked: false},
            {numname: '627', checked: false},
            {numname: '628', checked: false},
            {numname: '629', checked: false},
          ],
          [
            {numname: '630', checked: false},
            {numname: '631', checked: false},
            {numname: '632', checked: false},
            {numname: '633', checked: false},
            {numname: '634', checked: false},
            {numname: '635', checked: false},
            {numname: '636', checked: false},
            {numname: '637', checked: false},
            {numname: '638', checked: false},
            {numname: '639', checked: false},
          ],
          [
            {numname: '640', checked: false},
            {numname: '641', checked: false},
            {numname: '642', checked: false},
            {numname: '643', checked: false},
            {numname: '644', checked: false},
            {numname: '645', checked: false},
            {numname: '646', checked: false},
            {numname: '647', checked: false},
            {numname: '648', checked: false},
            {numname: '649', checked: false},
          ],
          [
            {numname: '650', checked: false},
            {numname: '651', checked: false},
            {numname: '652', checked: false},
            {numname: '653', checked: false},
            {numname: '654', checked: false},
            {numname: '655', checked: false},
            {numname: '656', checked: false},
            {numname: '657', checked: false},
            {numname: '658', checked: false},
            {numname: '659', checked: false},
          ],
          [
            {numname: '660', checked: false},
            {numname: '661', checked: false},
            {numname: '662', checked: false},
            {numname: '663', checked: false},
            {numname: '664', checked: false},
            {numname: '665', checked: false},
            {numname: '666', checked: false},
            {numname: '667', checked: false},
            {numname: '668', checked: false},
            {numname: '669', checked: false},
          ],
          [
            {numname: '670', checked: false},
            {numname: '671', checked: false},
            {numname: '672', checked: false},
            {numname: '673', checked: false},
            {numname: '674', checked: false},
            {numname: '675', checked: false},
            {numname: '676', checked: false},
            {numname: '677', checked: false},
            {numname: '678', checked: false},
            {numname: '679', checked: false},
          ],
          [
            {numname: '680', checked: false},
            {numname: '681', checked: false},
            {numname: '682', checked: false},
            {numname: '683', checked: false},
            {numname: '684', checked: false},
            {numname: '685', checked: false},
            {numname: '686', checked: false},
            {numname: '687', checked: false},
            {numname: '688', checked: false},
            {numname: '689', checked: false},
          ],
          [
            {numname: '690', checked: false},
            {numname: '691', checked: false},
            {numname: '692', checked: false},
            {numname: '693', checked: false},
            {numname: '694', checked: false},
            {numname: '695', checked: false},
            {numname: '696', checked: false},
            {numname: '697', checked: false},
            {numname: '698', checked: false},
            {numname: '699', checked: false},
          ],


          [
            {numname: '700', checked: false},
            {numname: '701', checked: false},
            {numname: '702', checked: false},
            {numname: '703', checked: false},
            {numname: '704', checked: false},
            {numname: '705', checked: false},
            {numname: '706', checked: false},
            {numname: '707', checked: false},
            {numname: '708', checked: false},
            {numname: '709', checked: false},
          ],
          [
            {numname: '710', checked: false},
            {numname: '711', checked: false},
            {numname: '712', checked: false},
            {numname: '713', checked: false},
            {numname: '714', checked: false},
            {numname: '715', checked: false},
            {numname: '716', checked: false},
            {numname: '717', checked: false},
            {numname: '718', checked: false},
            {numname: '719', checked: false},
          ],
          [
            {numname: '720', checked: false},
            {numname: '721', checked: false},
            {numname: '722', checked: false},
            {numname: '723', checked: false},
            {numname: '724', checked: false},
            {numname: '725', checked: false},
            {numname: '726', checked: false},
            {numname: '727', checked: false},
            {numname: '728', checked: false},
            {numname: '729', checked: false},
          ],
          [
            {numname: '730', checked: false},
            {numname: '731', checked: false},
            {numname: '732', checked: false},
            {numname: '733', checked: false},
            {numname: '734', checked: false},
            {numname: '735', checked: false},
            {numname: '736', checked: false},
            {numname: '737', checked: false},
            {numname: '738', checked: false},
            {numname: '739', checked: false},
          ],
          [
            {numname: '740', checked: false},
            {numname: '741', checked: false},
            {numname: '742', checked: false},
            {numname: '743', checked: false},
            {numname: '744', checked: false},
            {numname: '745', checked: false},
            {numname: '746', checked: false},
            {numname: '747', checked: false},
            {numname: '748', checked: false},
            {numname: '749', checked: false},
          ],
          [
            {numname: '750', checked: false},
            {numname: '751', checked: false},
            {numname: '752', checked: false},
            {numname: '753', checked: false},
            {numname: '754', checked: false},
            {numname: '755', checked: false},
            {numname: '756', checked: false},
            {numname: '757', checked: false},
            {numname: '758', checked: false},
            {numname: '759', checked: false},
          ],
          [
            {numname: '760', checked: false},
            {numname: '761', checked: false},
            {numname: '762', checked: false},
            {numname: '763', checked: false},
            {numname: '764', checked: false},
            {numname: '765', checked: false},
            {numname: '766', checked: false},
            {numname: '767', checked: false},
            {numname: '768', checked: false},
            {numname: '769', checked: false},
          ],
          [
            {numname: '770', checked: false},
            {numname: '771', checked: false},
            {numname: '772', checked: false},
            {numname: '773', checked: false},
            {numname: '774', checked: false},
            {numname: '775', checked: false},
            {numname: '776', checked: false},
            {numname: '777', checked: false},
            {numname: '778', checked: false},
            {numname: '779', checked: false},
          ],
          [
            {numname: '780', checked: false},
            {numname: '781', checked: false},
            {numname: '782', checked: false},
            {numname: '783', checked: false},
            {numname: '784', checked: false},
            {numname: '785', checked: false},
            {numname: '786', checked: false},
            {numname: '787', checked: false},
            {numname: '788', checked: false},
            {numname: '789', checked: false},
          ],
          [
            {numname: '790', checked: false},
            {numname: '791', checked: false},
            {numname: '792', checked: false},
            {numname: '793', checked: false},
            {numname: '794', checked: false},
            {numname: '795', checked: false},
            {numname: '796', checked: false},
            {numname: '797', checked: false},
            {numname: '798', checked: false},
            {numname: '799', checked: false},
          ],

          [
            {numname: '800', checked: false},
            {numname: '801', checked: false},
            {numname: '802', checked: false},
            {numname: '803', checked: false},
            {numname: '804', checked: false},
            {numname: '805', checked: false},
            {numname: '806', checked: false},
            {numname: '807', checked: false},
            {numname: '808', checked: false},
            {numname: '809', checked: false},
          ],
          [
            {numname: '810', checked: false},
            {numname: '811', checked: false},
            {numname: '812', checked: false},
            {numname: '813', checked: false},
            {numname: '814', checked: false},
            {numname: '815', checked: false},
            {numname: '816', checked: false},
            {numname: '817', checked: false},
            {numname: '818', checked: false},
            {numname: '819', checked: false},
          ],
          [
            {numname: '820', checked: false},
            {numname: '821', checked: false},
            {numname: '822', checked: false},
            {numname: '823', checked: false},
            {numname: '824', checked: false},
            {numname: '825', checked: false},
            {numname: '826', checked: false},
            {numname: '827', checked: false},
            {numname: '828', checked: false},
            {numname: '829', checked: false},
          ],
          [
            {numname: '830', checked: false},
            {numname: '831', checked: false},
            {numname: '832', checked: false},
            {numname: '833', checked: false},
            {numname: '834', checked: false},
            {numname: '835', checked: false},
            {numname: '836', checked: false},
            {numname: '837', checked: false},
            {numname: '838', checked: false},
            {numname: '839', checked: false},
          ],
          [
            {numname: '840', checked: false},
            {numname: '841', checked: false},
            {numname: '842', checked: false},
            {numname: '843', checked: false},
            {numname: '844', checked: false},
            {numname: '845', checked: false},
            {numname: '846', checked: false},
            {numname: '847', checked: false},
            {numname: '848', checked: false},
            {numname: '849', checked: false},
          ],
          [
            {numname: '850', checked: false},
            {numname: '851', checked: false},
            {numname: '852', checked: false},
            {numname: '853', checked: false},
            {numname: '854', checked: false},
            {numname: '855', checked: false},
            {numname: '856', checked: false},
            {numname: '857', checked: false},
            {numname: '858', checked: false},
            {numname: '859', checked: false},
          ],
          [
            {numname: '860', checked: false},
            {numname: '861', checked: false},
            {numname: '862', checked: false},
            {numname: '863', checked: false},
            {numname: '864', checked: false},
            {numname: '865', checked: false},
            {numname: '866', checked: false},
            {numname: '867', checked: false},
            {numname: '868', checked: false},
            {numname: '869', checked: false},
          ],
          [
            {numname: '870', checked: false},
            {numname: '871', checked: false},
            {numname: '872', checked: false},
            {numname: '873', checked: false},
            {numname: '874', checked: false},
            {numname: '875', checked: false},
            {numname: '876', checked: false},
            {numname: '877', checked: false},
            {numname: '878', checked: false},
            {numname: '879', checked: false},
          ],
          [
            {numname: '880', checked: false},
            {numname: '881', checked: false},
            {numname: '882', checked: false},
            {numname: '883', checked: false},
            {numname: '884', checked: false},
            {numname: '885', checked: false},
            {numname: '886', checked: false},
            {numname: '887', checked: false},
            {numname: '888', checked: false},
            {numname: '889', checked: false},
          ],
          [
            {numname: '890', checked: false},
            {numname: '891', checked: false},
            {numname: '892', checked: false},
            {numname: '893', checked: false},
            {numname: '894', checked: false},
            {numname: '895', checked: false},
            {numname: '896', checked: false},
            {numname: '897', checked: false},
            {numname: '898', checked: false},
            {numname: '899', checked: false},
          ],

          [
            {numname: '900', checked: false},
            {numname: '901', checked: false},
            {numname: '902', checked: false},
            {numname: '903', checked: false},
            {numname: '904', checked: false},
            {numname: '905', checked: false},
            {numname: '906', checked: false},
            {numname: '907', checked: false},
            {numname: '908', checked: false},
            {numname: '909', checked: false},
          ],
          [
            {numname: '910', checked: false},
            {numname: '911', checked: false},
            {numname: '912', checked: false},
            {numname: '913', checked: false},
            {numname: '914', checked: false},
            {numname: '915', checked: false},
            {numname: '916', checked: false},
            {numname: '917', checked: false},
            {numname: '918', checked: false},
            {numname: '919', checked: false},
          ],
          [
            {numname: '920', checked: false},
            {numname: '921', checked: false},
            {numname: '922', checked: false},
            {numname: '923', checked: false},
            {numname: '924', checked: false},
            {numname: '925', checked: false},
            {numname: '926', checked: false},
            {numname: '927', checked: false},
            {numname: '928', checked: false},
            {numname: '929', checked: false},
          ],
          [
            {numname: '930', checked: false},
            {numname: '931', checked: false},
            {numname: '932', checked: false},
            {numname: '933', checked: false},
            {numname: '934', checked: false},
            {numname: '935', checked: false},
            {numname: '936', checked: false},
            {numname: '937', checked: false},
            {numname: '938', checked: false},
            {numname: '939', checked: false},
          ],
          [
            {numname: '940', checked: false},
            {numname: '941', checked: false},
            {numname: '942', checked: false},
            {numname: '943', checked: false},
            {numname: '944', checked: false},
            {numname: '945', checked: false},
            {numname: '946', checked: false},
            {numname: '947', checked: false},
            {numname: '948', checked: false},
            {numname: '949', checked: false},
          ],
          [
            {numname: '950', checked: false},
            {numname: '951', checked: false},
            {numname: '952', checked: false},
            {numname: '953', checked: false},
            {numname: '954', checked: false},
            {numname: '955', checked: false},
            {numname: '956', checked: false},
            {numname: '957', checked: false},
            {numname: '958', checked: false},
            {numname: '959', checked: false},
          ],
          [
            {numname: '960', checked: false},
            {numname: '961', checked: false},
            {numname: '962', checked: false},
            {numname: '963', checked: false},
            {numname: '964', checked: false},
            {numname: '965', checked: false},
            {numname: '966', checked: false},
            {numname: '967', checked: false},
            {numname: '968', checked: false},
            {numname: '969', checked: false},
          ],
          [
            {numname: '970', checked: false},
            {numname: '971', checked: false},
            {numname: '972', checked: false},
            {numname: '973', checked: false},
            {numname: '974', checked: false},
            {numname: '975', checked: false},
            {numname: '976', checked: false},
            {numname: '977', checked: false},
            {numname: '978', checked: false},
            {numname: '979', checked: false},
          ],
          [
            {numname: '980', checked: false},
            {numname: '981', checked: false},
            {numname: '982', checked: false},
            {numname: '983', checked: false},
            {numname: '984', checked: false},
            {numname: '985', checked: false},
            {numname: '986', checked: false},
            {numname: '987', checked: false},
            {numname: '988', checked: false},
            {numname: '989', checked: false},
          ],
          [
            {numname: '990', checked: false},
            {numname: '991', checked: false},
            {numname: '992', checked: false},
            {numname: '993', checked: false},
            {numname: '994', checked: false},
            {numname: '995', checked: false},
            {numname: '996', checked: false},
            {numname: '997', checked: false},
            {numname: '998', checked: false},
            {numname: '999', checked: false},
          ],
        ], // 三字定位选项快选
        showSzxzkxlist: [],
        cgszxzkxlist:[],    // 重构数组
        szcheckedRules: {
          numOne: {
            'checkedD': false,
            'checkedS': false,
            'num': null,
          },  //单双1
          numTwo: {
            'checkedD': false,
            'checkedS': false,
            'num': null,
          },  //单双2
          numThree: {
            'checkedD': false,
            'checkedS': false,
            'num': null,
          }, //单双3
          checkedSC: {
            'checkedD': false,
            'checkedS': false,
          }, //双重
          checkedSANC: {
            'checkedD': false,
            'checkedS': false,
          }, //三重
          checkeBro: {
            'checkedD': false,
            'checkedS': false,
          }, //二兄弟
          checkeBros: {
            'checkedD': false,
            'checkedS': false,
          }, //三兄弟
          num: {
            'numD': null,
            'numS': null,
          },  //数字
        }, // 三字定位筛选条件
        sws: '万千佰',
        szdwxzkxtitle: '前三定位位快选',
        qs: '前三',
        szdwcodename: 'Q3',  // 代号

        zxscheckc: [],
        zxsindex: '前三组选三', // 组选三
        ssczxs: [
          [
            {numname: '0', checked: false, num: 1},
            {numname: '1', checked: false},
            {numname: '2', checked: false},
            {numname: '3', checked: false},
            {numname: '4', checked: false},
          ],
          [
            {numname: '5', checked: false, num: 1},
            {numname: '6', checked: false},
            {numname: '7', checked: false},
            {numname: '8', checked: false},
            {numname: '9', checked: false},
          ],
        ],  // 组选三和组选六公用数据
        zxsdh: 'ZXS_QSZXS_',  // 组选三代号
        zsxnum: '',  // 组选三代号
        zxspl: '',
        newReE: [],
        zxsRE: '',

        zxlindex: '前三组选六', // 组选六
        zxlcheckc: [],  // 组选六
        zxlpl: '', //组选六
        zxldh: 'ZXL_QSZXL_',   // 组选六代号
        zslnum: '',  // 组选六代号
        newReF: [], // 组选六代号

        sscfszha: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ], // 复式组合
        sscfszhb: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ],  // 复式组合
        sscfszhc: [
          {numname: '0', checked: false},
          {numname: '1', checked: false},
          {numname: '2', checked: false},
          {numname: '3', checked: false},
          {numname: '4', checked: false},
          {numname: '5', checked: false},
          {numname: '6', checked: false},
          {numname: '7', checked: false},
          {numname: '8', checked: false},
          {numname: '9', checked: false},
        ], // 复式组合
        sscfszhaFS:'',
        sscfszhbFS:'',
        sscfszhcFS:'',
        fszhwqb: '万千佰', // 复式组合
        fsindex: '前三复式', // 复式组合
        fszhcheckca: [], // 复式组合
        fszhcheckcb: [], // 复式组合
        fszhcheckcc: [], // 复式组合
        fszhdm: 'QSFS_',
        peilv: [],
        peilvzs: '',
        newReJ: [],
        fszhpaxu: '',
        optionfszh: [],
        //PCgg
        shanb: {
          shanb1: 0,
          shanb2: 1,
          shanb3: 2
        },
        stopPeriod: false, // 停止更新period信息
        showDialog: 'none',
        loading: false,
        multipleAmount: '', // 批量输入的金额
        lottery: null,
        total: { count: 0, amount: 0 },
        current: null, // 底部结果
        currentBottom: null, // 底部结果
        currentIndex: 1,
        isSelected: true,
        isRealSubmit: false, // 是否是第一次点击
      }
    },
    // 数据格式化
    filters: {},
    created() {
      this.bottomHeadClick()
      this.lottery = JSON.parse(JSON.stringify(this.memberLottery))  //获取数据
      //复式组合
      this.sscfszhaFS = JSON.parse(JSON.stringify(this.sscfszha))
      this.sscfszhbFS = JSON.parse(JSON.stringify(this.sscfszhb))
      this.sscfszhcFS = JSON.parse(JSON.stringify(this.sscfszhc))
      //二字定位万千快选
      this.beforeA = JSON.parse(JSON.stringify(this.Choicename))
      this.beforeB = JSON.parse(JSON.stringify(this.Choicenames))
      //三字定位万千快选
      this.beforeC = JSON.parse(JSON.stringify(this.szdwChoicename))
      this.beforeD = JSON.parse(JSON.stringify(this.szdwChoicenama))
      this.beforeE = JSON.parse(JSON.stringify(this.szdwChoicenamb))
      //二字定位选项快选
      this.beforee = JSON.parse(JSON.stringify(this.xzkxlist))
      //三字定位选项快选
      this.szbeforee = JSON.parse(JSON.stringify(this.szxzkxlist))
      // 广东快乐十分
      this.gdklSF = JSON.parse(JSON.stringify(this.gdklsflm))
      // 广东11选5
      this.gd11X5 = JSON.parse(JSON.stringify(this.gsyxwlm))
      //组选三 组选六
      this.zxsRE = JSON.parse(JSON.stringify(this.ssczxs))

      this.beforeXzkxlist = JSON.parse(JSON.stringify(this.xzkxlist))

      this.beforeXzkxlistsz = JSON.parse(JSON.stringify(this.szxzkxlist))
      window.stopFastChoose = this.stopFastChoose
      window.writeFastChoose = this.writeFastChoose
      console.log(this.$store.getters.memberOdds,'55555555555555')
      console.log(this.memberFirstBet.total_bets,'6666666')
    },
    mounted() {
      console.log('this.memberLastResult',this.memberLastResult.lszh )
      if (this.memberLastResult && this.memberLastResult.lszh) {
        for (const key in this.memberLastResult.lszh) {
          console.log(key,'key')
          if (this.memberLastResult.lszh.hasOwnProperty(key)) {
            const element = this.memberLastResult.lszh[key]
            console.log(this.memberLastResult,'memberLastResult')
            console.log(element,'element')
            this.current = key
            this.currentBottom = key
            return
          }
        }
      }
    },

    methods: {
      // filterFastChooseData(index){
      //
      // },
      //  filterFastChooseData showFastChooseData['textValue'+index]
      submitMessagePage() {
        if (this.messaegType === 'bets') {
          this.cancelSubmit()
        }
        this.messagePageVisible = 'none'
      },
      hideMessagePage() {
        this.messagePageVisible = 'none'
      },
      // 拖拽弹框
      move(e) {
        const odiv = e.target.parentElement // 获取目标元素
        // 计算出鼠标相对点击元素的位置,e.clientX获取的是鼠标的位置，OffsetLeft是元素相对于外层元素的位置
        const x = e.clientX - odiv.offsetLeft
        const y = e.clientY - odiv.offsetTop
        document.onmousemove = (e) => {
          // 获取拖拽元素的位置
          let left = e.clientX - x
          let top = e.clientY - y
          this.positionX = left
          this.positionY = top
          // console.log(document.documentElement.clientHeight,odiv.offsetHeight)
          // 把拖拽元素 放到 当前的位置
          if (left <= 0) {
            left = 0
          } else if (left >= document.documentElement.clientWidth - odiv.offsetWidth) {
            // document.documentElement.clientWidth 屏幕的可视宽度
            left = document.documentElement.clientWidth - odiv.offsetWidth
          }

          if (top <= 0) {
            top = 0
          } else if (top >= document.documentElement.clientHeight - odiv.offsetHeight) {
            // document.documentElement.clientHeight 屏幕的可视高度
            top = document.documentElement.clientHeight - odiv.offsetHeight
          }
          odiv.style.left = left + 'px'
          odiv.style.top = top + 'px'
        }
        // 为了防止 火狐浏览器 拖拽阴影问题
        document.onmouseup = (e) => {
          document.onmousemove = null;
          document.onmouseup = null
        }
      },
      // 使得聚焦的文本框失去焦点
      lostFocus() {
        this.isFocus = ''
      },
      // 关闭快选金额的金额弹窗
      hideBetsPopup() {
        this.showDialog = 'none'
      },
      // 快选金额选择金额
      writeFastChoose(value, key, index) {
        this.$set(this.lottery[key][index], 'amount', value)
        this.showFastChoose = 'none'
        // const temp = this.bets
      },
      // 关闭快选金额
      stopFastChoose() {
        this.isUseArrow = false
        sessionStorage.setItem('isUseArrow', JSON.stringify(this.isUseArrow))
        this.showFastChoose = 'none'
      },
      // 保存快选金额设置
      saveFastChoose() {
        sessionStorage.setItem('showFastChooseData', JSON.stringify(this.showFastChooseData))
        sessionStorage.setItem('isUseArrow', JSON.stringify(this.isUseArrow))
        this.showFastChoose = 'none'
      },
      // 隐藏快选金额
      hideFastChoose() {
        this.showFastChoose = 'none'
      },
      // 显示快选金额设置弹窗
      fastChoose() {
        if (JSON.parse(sessionStorage.getItem('showFastChooseData'))) {
          this.showFastChooseData = JSON.parse(sessionStorage.getItem('showFastChooseData'))
        }
        this.showFastChoose = 'block'
      },
      // 点击输入框弹出快速金额
      getForce(e, lotteryKey, index) {
        this.isFocus = ''
        if (JSON.parse(sessionStorage.getItem('isUseArrow'))) {
          this.isUseArrow = JSON.parse(sessionStorage.getItem('isUseArrow'))
        }
        if (this.isUseArrow) {
          if (JSON.parse(sessionStorage.getItem('showFastChooseData'))) {
            this.showFastChooseData = JSON.parse(sessionStorage.getItem('showFastChooseData'))
          }
          this.showArrow = 'block'
          const el = e.currentTarget.parentElement
          const arrayDiv = document.createElement('div')
          arrayDiv.classList.add('arrow_box')
          arrayDiv.classList.add('arrowUp')
          for (const key in this.showFastChooseData) {
            if (this.showFastChooseData[key]) {
              arrayDiv.innerHTML += '<button class="db" onclick="writeFastChoose(' + this.showFastChooseData[key] + ', \'' + lotteryKey + '\', ' + index + ')">下注' + this.showFastChooseData[key] + '元</button>'
            }
          }
          arrayDiv.innerHTML += '<button class="dbclose" onclick="stopFastChoose()">停用</button>'
          el.appendChild(arrayDiv)
          this.FastChooseEl = e.currentTarget
        }
      },
      // 输入框失焦，清除输入框
      getBlur(e) {
        const el = e.currentTarget.parentElement
        const lastEl = el.querySelector(".arrow_box")
        setTimeout(() => {
          if (lastEl) {
            el.removeChild(lastEl)
          }
        }, 200)
      },
      // 三字组合 范围定位
      cancelBtn(e) {
        let evt = e ? e : window.event
        if (evt.stopPropagation) { // W3C 
          evt.stopPropagation()
        } else { // IE
          evt.cancelBtn = true
        }
      },
      szzhFw() {
        var ke = []
        this.reset()
        if (this.szzhfw1 == '') {
          return false
        }
        if (this.szzhfw2 == '') {
          return false
        }
        for (let i = parseInt(this.szzhfw1); i <= parseInt(this.szzhfw2); i++) {
          if (i.toString().length == 1) {
            ke[i] = '0' + '0' + i
          }
          if (i.toString().length == 2) {
            ke[i] = '0' + i
          }
          if (i.toString().length == 3) {
            ke[i] = i.toString()
          }
        }
        const _this = this
        this.lottery[this.szzhindex].forEach(function(value, key) {
          if (ke.includes(value['option_name'])) {
            _this.lottery[_this.szzhindex][key]['checked'] = true
          }
        })
      },
      // 最新开奖结果，的头部，显示冠亚军，第几名、总和数什么的
      bottomHeadClick(value, key, index) {
        this.current = key
        if (this.currentIndex === 1) {
          this.currentBottom = this.current
        }
      },
      // 结果的子项，显示大小、单双，冠亚军和什么的
      bottomNumberClick(value, key, index, upValue = false) {
        this.currentBottom = key
        this.currentIndex = index
        this.showHead = false
        if (upValue) {
          this.showHead = true
        }
      },
      // 下注明细(请确认注单)复选框
      checkBoxChange(option, index) {
        // this.memberFirstBet[key].checked = !this.memberFirstBet[key].checked
        // 默认为选择的， 传过来的是修改后的值，即若默认为true，则传过来的值为false，即取消选择
        if (!this.memberFirstBet.valid_bets[index].checked) {
          // 遍历下注的信息， 若下注项的代码与当前项的代码相同则将对应索引下的下注信息移出下注信息
          if (this.memberPageSelected === 'zx') {
            for (const key in this.bets) {
              if (this.bets.hasOwnProperty(key)) {
                if (this.bets[key].content === option.content) {
                  this.bets.splice(key, 1)
                  this.total.count--
                  this.total.amount -= parseInt(option.amount)
                }
              }
            }
          } else if (this.memberPageSelected === 'lm' && (this.memberGameSelected === 'gdklsf' || this.memberGameSelected === 'azlucky8' || this.memberGameSelected === 'cqxync')) {
            for (const key in this.bets) {
              if (this.bets.hasOwnProperty(key)) {
                if (this.bets[key].option === option.option) {
                  this.bets.splice(key, 1)
                }
              }
            }
            this.total.count -= this.memberFirstBet.total_bets

            this.total.amount -= this.memberFirstBet.total_bets_amount
          } else {
            for (const key in this.bets) {
              if (this.bets.hasOwnProperty(key)) {
                if (this.bets[key].option === option.option) {
                  this.bets.splice(key, 1)
                  this.total.count--
                  this.total.amount -= parseInt(option.amount)
                }
              }
            }
          }

          // 将单选框修改为未选择
          this.$store.commit('MEMBER_UPDATE_FIRST_BETS', { check: false, key: index })
          this.$store.commit('MEMBER_UPDATE_FIRST_BETS_COUNT', { check: false, key: index })
        } else {
          this.bets.push({
            option: option.option,
            amount: option.amount,
            content: option.content,
          })
          this.total.count++
          this.total.amount += parseInt(option.amount)
          // 将该项重新加入到下注信息中去
          // 将单选框修改为选中
          this.$store.commit('MEMBER_UPDATE_FIRST_BETS', { check: true, key: index })
          this.$store.commit('MEMBER_UPDATE_FIRST_BETS_COUNT', { check: true, key: index })
          if (this.memberPageSelected === 'lm' && (this.memberGameSelected === 'gdklsf' || this.memberGameSelected === 'azlucky8' || this.memberGameSelected === 'cqxync')) {
            this.total.count = this.memberFirstBet.total_bets
            this.total.amount = this.memberFirstBet.total_bets_amount
          }
        }
      },
      // 改变文本框的值
      checkBoxChangea(check) {
        if (check == true && this.amounts) {
          this.totalbetsa = 1
          this.totalbeth = this.amounts
        } else {
          this.totalbetsa = 0
          this.totalbeth = 0
        }
      },
      cellInputForms(value) {
        // if (value) {
        //   this.totalbetsa = 1
        //   this.totalbeth = value
        // } else {
        //   this.totalbetsa = 0
        //   this.totalbeth = 0
        // }
        // if (value < 1) {
        //   this.totalbetsa = 0
        //   this.totalbeth = 0
        // }
      },
      changeCount(value) {
        if (value && this.checkeds === true){
          this.totalbetsa = 1
          this.totalbeth = value
        } else {
          this.totalbetsa = 0
          this.totalbeth = 0
        }
        if (value < 0) {
          this.totalbetsa = 0
          this.totalbeth = 0
        }
      },
      cellInputForm(value, index) {
        // 不修改checked,使当amount为''时在form中可以显示
        // 通过log可以激活重新渲染
        if (!value) {
          value = 0
        }
        this.$store.commit('MEMBER_UPDATE_FIRST_BETS_FROM', { value, key: index })
        this.total.count = this.memberFirstBet.total_bets
        this.total.amount = this.memberFirstBet.total_bets_amount
        const temp = this.bets
      },
      cellInput(item) {
        item.checked = item.amount > 0// 动态显示高亮背景
        const temp = this.bets
      },
      cellClick(item) {
        // 注意: 由于js的限制,Vue不能检测动态数组的变化,所以用$set 或者 splice实现数组的绑定
        // this.$set(this.lottery[key][index], 'checked', !item.checked)
        console.log('this.checka.length',this.multipleAmount)
        item.checked = !item.checked // 取反
        this.isFocus = item.option_code
        if (this.multipleAmount) {
          item.amount = this.multipleAmount
        }
        if (!item.checked) {
          item.amount = ''
        }
        // item.amount = this.multipleAmount
        // console.log('点击头部导航')
        // 通过log可以激活重新渲染
        // console.log('bets', this.bets)
        const temp = this.bets
        console.log('bets', this.bets)
      },
      // 三字定位重置
      szdwreset() {
        // 三字定位万千快选
        this.multipleAmount = ''
        this.szdwChoicename = JSON.parse(JSON.stringify(this.beforeC))
        this.szdwChoicenama = JSON.parse(JSON.stringify(this.beforeD))
        this.szdwChoicenamb = JSON.parse(JSON.stringify(this.beforeE))
        this.szdwchecka = []
        this.szdwcheckb = []
        this.szdwcheckc = []
        this.newReC = []
        //三字定位选项快选
        this.szxzkxlist = JSON.parse(JSON.stringify(this.szbeforee))
        this.newReC = [],   //三字定位
          this.newReSZ = [],  //三字定位
          this.szcheckc = []
        this.showSzxzkxlist = []
        this.szcheckedRules.numOne.checkedS = false   //单数万位
        this.szcheckedRules.numOne.checkedD = false   //双数万位
        this.szcheckedRules.numTwo.checkedS = false   //单数千位
        this.szcheckedRules.numTwo.checkedD = false   //双数千位
        this.szcheckedRules.numThree.checkedS = false   //单数佰位
        this.szcheckedRules.numThree.checkedD = false   //双数佰位
        this.szcheckedRules.checkedSC.checkedS = false   //双重、取
        this.szcheckedRules.checkedSC.checkedD = false  //双重、除
        this.szcheckedRules.checkeBro.checkedS = false   //二兄弟、取
        this.szcheckedRules.checkeBro.checkedD = false  //二兄弟、除
        this.szcheckedRules.checkedSANC.checkedS = false  //三重 、除
        this.szcheckedRules.checkedSANC.checkedD = false  //三重、取
        this.szcheckedRules.checkeBros.checkedS = false  //三兄弟 、除
        this.szcheckedRules.checkeBros.checkedD = false  //三兄弟、取
      },
      // 二字定位重置
      ezdwreset(){
        //二字定位万千快选
        this.multipleAmount = ''
        this.Choicename = JSON.parse(JSON.stringify(this.beforeA))
        this.Choicenames = JSON.parse(JSON.stringify(this.beforeB))
        this.checka = []
        this.checkb = []
        this.newRes = []

        //二字定位选项快选
        this.xzkxlist = JSON.parse(JSON.stringify(this.beforee))
        this.newReB = []
        this.checkc = []
        this.newReZ = []
        this.checkedRules.checkeBro.checkedS = false   //二兄弟、取
        this.checkedRules.checkeBro.checkedD = false  //二兄弟、取
        this.checkedRules.numTwo.checkedS = false   //双数千位
        this.checkedRules.numTwo.checkedD = false  //单数千位
        this.checkedRules.numOne.checkedS = false   //双数万位
        this.checkedRules.numOne.checkedD = false   //单数万位
        this.checkedRules.checkedSC.checkedS = false  //双重 、除
        this.checkedRules.checkedSC.checkedD = false  //双重、取

      },
      // 组选三重置
      zxsreset(){
        //组选三
        this.multipleAmount = ''
        this.newReE = []
        this.zxscheckc = []
        this.ssczxs = JSON.parse(JSON.stringify(this.zxsRE))
      },
      // 组选六重置
      zxlsreset(){
        this.newReF = []
        this.zxlcheckc = []
        this.ssczxs = JSON.parse(JSON.stringify(this.zxsRE))
        this.multipleAmount = ''
      },
      // 广东快乐十分连码重置
      gdklsfreset(){
        this.multipleAmount = ''
        this.gdklsflm = JSON.parse(JSON.stringify(this.gdklSF))
        this.newReD = []
        this.lmchecka = []
        if (this.lmchecka.length <= 1) {
          this.ggreadonly = true
        }
      },
      // 广东11选5连码重置
      gd115lmreset(){
        this.gsyxwlm = JSON.parse(JSON.stringify(this.gd11X5))
        this.newReG = []
        this.gd115lmchecka = []
        this.multipleAmount = ''
      },
      // 复式组合重置
      fszhmreset(){
        this.sscfszha = JSON.parse(JSON.stringify(this.sscfszhaFS))
        this.sscfszhb = JSON.parse(JSON.stringify(this.sscfszhbFS))
        this.sscfszhc = JSON.parse(JSON.stringify(this.sscfszhcFS))
        this.fszhcheckca = []
        this.fszhcheckcb = []
        this.fszhcheckcc = []
        this.multipleAmount = ''
        this.newReJ = []
      },
      // 广东11选5重置
      gdsyxwzx() {
        for (var i = 0; i < this.gsyxwzx.length; i++) {
          this.gsyxwzx[i].checked = false
          this.gsyxwzxs[i].checked = false
          this.gsyxwzxsn[i].checked = false
        }
      },
      // 时时彩复式组合重置
      // sscfszhb() {
      //   for (var i = 0; i < this.sscfszhb.length; i++) {
      //     this.sscfszhb[i].checked = false
      //     this.sscfszhc[i].checked = false
      //     this.sscfszha[i].checked = false
      //   }
      // },
      // 重置
      reset() {
        // 广东11选5
        this.gdsyxwzx()
        // this.sscfszhb() // 时时彩复式组合
        this.multipleAmount = ''
        this.lottery = JSON.parse(JSON.stringify(this.memberLottery))
        // 通过log可以激活重新渲染
        this.szdwreset() // 三字定位
        this.ezdwreset() // 二字定位
        this.zxsreset() // 组选三
        this.zxlsreset() // 组选六
        this.gdklsfreset() // 广东快乐十分
        this.gd115lmreset() // 广东11选5连码重置
        this.fszhmreset()   // 复式组合
        this.total.count = 0
        this.total.amount = 0
      },
      // 取消
      cancel() {
        this.messageWidth = $(window).width() / 2 - 200
        this.messageHeight = $(window).height() / 2 - 136
        this.messagePageVisible = 'block'
        this.messageTip = '你确定取消下注吗？'
      },
      cancelSubmit() {
        this.showDialog = 'none'
        this.total.count = 0
        this.total.amount = 0
        // 重置 rechecked 为 true
        for (const key in this.lottery) {
          if (this.lottery.hasOwnProperty(key)) {
            const element = this.lottery[key]
            element.forEach(item => {
              item.rechecked = true
              // item.checked = item.amount > 0 ? true : false //动态显示高亮背景
            })
          }
        }
        this.lottery = JSON.parse(JSON.stringify(this.memberLottery))
        // 通过log可以激活重新渲染
        const temp = this.bets
        this.reset()
      },
      isfirstSubmit() {
        console.log(this.lottery,'lottery.amount')
        console.log(this.multipleAmount ,'multipleAmount')
        for (const key in this.lottery) {
          for(var i= 0 ;i<this.lottery[key].length;i++){
            if (this.diffCloseVuex) {
              if(this.multipleAmount === ''){
                if(this.lottery[key][i].amount !== ''){
                  this.firstSubmit()
                }
              }else{
                  this.firstSubmit()
              }
            }
            // if((!this.multipleAmount==''&&this.lottery[key][i].amount=='')||(this.multipleAmount==''&&!this.lottery[key][i].amount=='')){
            //   if (this.diffCloseVuex) {
            //     this.firstSubmit()
            //   }
            // }
          }
        }

      },
      // 第一次点击提交
      firstSubmit() {
        // 防止多次提交
        console.log('isVisible', this.isVisible, this.memberPageSelected)
        if (this.isVisible) {
          return false
        }
        this.isVisible = true
        // 设置提示消息的类型为 下注提示
        this.messaegType = 'bets'
        // 直选拼接
        if (this.memberPageSelected === 'zx') {
          this.newReZ = []

          if (this.option_codes === '') {
            this.option_codes = 'Q2ZHX'
          }
          if (this.option_codes === 'Q2ZHX') {
            const Ali = []
            for (var i = 0; i < this.checka.length; i++) {
              for (const key in this.checkb) {
                Ali.push(this.checka[i].toString() + ',' + this.checkb[key].toString())
              }
            }
            for (const key in Ali) {
              const temp = {
                option: this.option_codes,
                amount: this.multipleAmount,
                content: Ali[key],
              }
              this.total.count++
              this.newReZ.push(temp)
            }
            this.total.amount = this.total.count * this.multipleAmount
          } else if (this.option_codes === 'Q3ZHX') {
            const Alis = []
            for (var i = 0; i < this.checka.length; i++) {
              for (const key in this.checkb) {
                for (const k in this.checkc) {
                  Alis.push(this.checka[i].toString() + ',' + this.checkb[key].toString() + ',' + this.checkc[k].toString())
                }
              }
            }
            console.log(Alis,'Alis')

            for (const key in Alis) {
              const temp = {
                option: this.option_codes,
                amount: this.multipleAmount,
                content: Alis[key],
              }
              this.newReZ.push(temp)
            }
          }
        }

        // 二字定位拼接
        if (this.memberPageSelected === 'ezdw') {
          if (this.ezdwxzkxtitle === '选项快选') {
            this.newReB = []
            for (var i = 0; i < this.checkc.length; i++) {
              const temps = {
                option: 'EZDW_' + this.codename + '_' + this.checkc[i],
                amount: this.multipleAmount,
                content: this.checkc[i],
              }
              this.total.count++
              this.newReB.push(temps)
            }
            this.total.amount = this.total.count *  this.multipleAmount
          } else {
            this.newRes = []
            const isA = []
            for (var i = 0; i < this.checka.length; i++) {
              for (const key in this.checkb) {
                isA.push(this.checka[i].toString() + this.checkb[key].toString())
              }
            }

            for (const key in isA) {
              const temp = {
                option: 'EZDW_' + this.codename + '_' + isA[key],
                amount: this.multipleAmount,
                content: isA[key],
              }
              this.total.count++
              this.newRes.push(temp)
            }
            this.total.amount = this.total.count *  this.multipleAmount
          }
        }
        if (this.memberPageSelected === 'szdw') {
          // 三字定位拼接
          if (this.szdwxzkxtitle === '选项快选') {
            this.newReSZ = []
            for (var i = 0; i < this.szcheckc.length; i++) {
              const temps = {
                option: 'SZDW_' + this.szdwcodename + '_' + this.szcheckc[i],
                amount: this.multipleAmount,
                content: this.szcheckc[i],
              }
              this.total.count++
              this.newReSZ.push(temps)
            }
            this.total.amount = this.total.count *  this.multipleAmount
          } else {
            this.newReC = []
            const isSZDW = []
            let isisSZDW = ''
            for (var i = 0; i < this.szdwchecka.length; i++) {
              for (var j = 0; j < this.szdwcheckb.length; j++) {
                for (var k = 0; k < this.szdwcheckc.length; k++) {
                  isSZDW.push(this.szdwchecka[i].toString() + this.szdwcheckb[j].toString() + this.szdwcheckc[k].toString())
                  for (var y = 0; y < isSZDW.length; y++) {
                    isisSZDW = isSZDW[y]
                  }
                  const temp = {
                    option: 'SZDW_' + this.szdwcodename + '_' + isisSZDW,
                    amount: this.multipleAmount,
                    content: isisSZDW,
                  }
                  this.total.count++
                  this.newReC.push(temp)
                }
              }
            }
            this.total.amount = this.total.count *  this.multipleAmount
          }
        }
        if (this.memberPageSelected === 'zxs') {
          // 组选三
          this.newReE = []
          const tempszxs = {
            option: this.zxsdh + this.zsxnum,
            amount: this.multipleAmount,
            content: '',
          }
          let tempContentzxs = ''
          this.zxscheckc.sort((a, b) => {
            return a - b // 从小到大排序
          })
          for (var i = 0; i < this.zxscheckc.length; i++) {
            if (this.zxscheckc.length === i) {
              tempContentzxs += this.zxscheckc[i]
            } else {
              tempContentzxs += this.zxscheckc[i] + ','
              var reg = /,$/gi
              var str = tempContentzxs
              str = str.replace(reg, '')
            }
          }
          tempszxs.content = str
          this.total.count++
          this.total.amount = this.multipleAmount
          this.newReE.push(tempszxs)
        }
        if (this.memberPageSelected === 'zxl') {
          // 组选六
          this.newReF = []
          const tempszxl = {
            option: this.zxldh + this.zslnum,
            amount: this.multipleAmount,
            content: '',
          }
          let tempContentzxl = ''
          this.zxlcheckc.sort((a, b) => {
            return a - b; // 从小到大排序
          })
          for (var i = 0; i < this.zxlcheckc.length; i++) {
            if (this.zxlcheckc.length === i) {
              tempContentzxl += this.zxlcheckc[i]
            } else {
              tempContentzxl += this.zxlcheckc[i] + ','
              var reg = /,$/gi
              var str = tempContentzxl
              str = str.replace(reg, '')
            }
          }
          tempszxl.content = str
          this.total.count++
          this.total.amount = this.multipleAmount
          this.newReF.push(tempszxl)
        }
        if (this.memberPageSelected === 'fszh') {
          // 复式组合拼接
          this.newReJ = []
          this.optionfszh = []
          this.optionfszh.push(this.fszhcheckca.length)
          this.optionfszh.push(this.fszhcheckcb.length)
          this.optionfszh.push(this.fszhcheckcc.length)
          this.optionfszh.sort((a, b) => {
            return a - b // 从小到大排序
          })
          this.fszhpaxu = ''
          for (var i = 0; i < this.optionfszh.length; i++) {
            this.fszhpaxu += this.optionfszh[i]
          }
          this.fszhcheckca.sort((a, b) => {
            return a - b // 从小到大排序
          })
          this.fszhcheckcb.sort((a, b) => {
            return a - b // 从小到大排序
          })
          this.fszhcheckcc.sort((a, b) => {
            return a - b // 从小到大排序
          })
          let tempContenfszh = ''
          for (var i = 0; i < this.fszhcheckca.length; i++) {
            if (this.fszhcheckca.length === i) {
              tempContenfszh += this.fszhcheckca[i]
            } else {
              tempContenfszh += this.fszhcheckca[i] + ','
              var reg = /,$/gi
              var stra = tempContenfszh
              stra = stra.replace(reg, '')
            }
          }
          let tempContenfszha = ''
          for (var i = 0; i < this.fszhcheckcb.length; i++) {
            if (this.fszhcheckcb.length === i) {
              tempContenfszha += this.fszhcheckcb[i]
            } else {
              tempContenfszha += this.fszhcheckcb[i] + ','
              var reg = /,$/gi
              var strb = tempContenfszha
              strb = strb.replace(reg, '')
            }
          }
          let tempContenfszhb = ''
          for (var i = 0; i < this.fszhcheckcc.length; i++) {
            if (this.fszhcheckcc.length === i) {
              tempContenfszhb += this.fszhcheckcc[i]
            } else {
              tempContenfszhb += this.fszhcheckcc[i] + ','
              var reg = /,$/gi
              var strc = tempContenfszhb
              strc = strc.replace(reg, '')
            }
          }
          const tempfszh = {
            option: this.fszhdm + this.fszhpaxu,
            amount: this.multipleAmount,
            content: '',
          }
          tempfszh.content = stra + ';' + strb + ';' + strc
          this.total.count++
          this.total.amount = this.multipleAmount
          this.newReJ.push(tempfszh)
          if (this.memberPageSelected === 'fszh') {
            if (this.fszhcheckca.length < 1 || this.fszhcheckcb.length < 1 || this.fszhcheckcc.length < 1) {
              this.$alert('千、佰、拾最少选一个号码！', '用户提示', {
                confirmButtonText: '确定',
              })
              return false
            }
            if ((this.fszhcheckca.length + this.fszhcheckcb.length + this.fszhcheckcc.length) < 9) {
              this.$alert('千、佰、拾，选择数量最少9个号码，最多可选21个号码！', '用户提示', {
                confirmButtonText: '确定',
              })
              return false
            }
          }
        }

        // 广东快乐十分连码拼接
        if (this.memberPageSelected === 'lm' && (this.memberGameSelected === 'gdklsf' || this.memberGameSelected === 'azlucky8' || this.memberGameSelected === 'cqxync')) {
          this.newReD = []
          const temps1 = {
            option: this.gdklsflmdh,
            amount: this.multipleAmount,
            content: '',
          }
          let tempContent = ''
          this.lmchecka.sort((a, b) => {
            return a - b // 从小到大排序
          })
          let tempTotal = 0
          for (var i = 0; i < this.lmchecka.length; i++) {
            if (this.lmchecka.length === i) {
              tempContent += this.lmchecka[i]
            } else {
              tempContent += this.lmchecka[i] + ','
              var reg = /,$/gi
              var str = tempContent
              str = str.replace(reg, '')
              console.log(str)
            }
            tempTotal++
          }
          for (let i = tempTotal - 1; i > 0; i--) {
            this.total.count += i
          }
          temps1.content = str
          this.total.amount = this.multipleAmount * this.total.count
          this.newReD.push(temps1)
        }
        // 广东11选5连码拼接
        if (this.memberPageSelected === 'mp') {
          this.newReG = []
          const tempsG = {
            option: this.gd115lmdh,
            amount: this.multipleAmount,
            content: '',
          }
          let tempContentG = ''
          this.gd115lmchecka.sort((a, b) => {
            return a - b // 从小到大排序
          })
          for (var i = 0; i < this.gd115lmchecka.length; i++) {
            if (this.gd115lmchecka.length === i) {
              tempContentG += this.gd115lmchecka[i]
            } else {
              tempContentG += this.gd115lmchecka[i] + ','
              var reg = /,$/gi
              var str = tempContentG
              str = str.replace(reg, '')
            }
          }
          tempsG.content = str
          this.total.count++
          this.total.amount = this.multipleAmount
          this.newReG.push(tempsG)
        }
        if (this.bets.length <= 0) {
          return false
        }
        this.loading = true
        const params = {
          period: this.memberGamePeriod.period || '',
          game: this.memberGameSelected,
          bets: this.bets,
          submit: false,
          _: new Date().getTime(),
        }
        // console.log('第一次请求参数', params, this.bets)
        this.$store.dispatch('MemberBet', params)
          .then(response => {
            this.isVisible = false
            this.loading = false
            //console.log('下注请求后的返回的结果', response)
            if (response.status) {
              this.total.count = 0
              this.total.amount = 0
            }
            if (response.status === 4) {
              this.isVisible = false
              this.$alert(response.message, '用户提示', {
                confirmButtonText: '确定',
              })
            }
            if (response.status === 2) {
              this.isVisible = false
              this.$alert(response.message, {
                confirmButtonText: '确定',
              })
              // console.log($('.betsPopupId').height())
            }
            this.$store.commit('MEMBER_FIRST_BETS', response)
            for (let i = 0; i < response.valid_bets.length; i++) {
              let vallist = response.valid_bets[i].option_text.list
              this.responses = vallist
            }
            // console.log($('.betsPopupId').height())
            this.totalbets = response.total_bets
            if (response && response.valid_bets[0]) {
              // 登录成功
              // 投注时第一次提交
              this.isVisible = false
              this.showDialog = 'block'
              // console.log($('.betsPopupId').height())
              this.betsPopupHeight = $(window).height() / 2 - 200
              this.betsPopupWidth = $(window).width() / 2 - $('.betsPopupId').width() / 2
            } else {
              this.isVisible = false
              // 失败
              alert(Object.values(response)[0].toString())
            }
          })
          .catch(() => {
            this.isVisible = false
            this.loading = false
          })
      },
      issubmitgxk3(){
        if (this.isVisible) {
          return false
        }
        this.isVisible = true
        if (this.amounts <= 0 || this.totalbeth <= 0 || this.totalbetsa <= 0) {
          this.isVisible = false
          alert('请先正确填写金额')
          return false
        }
        this.newReH = []
        const tempsa = {
          option: this.chasa,
          content: this.chasb,
          amount: this.amounts,
        }
        this.newReH.push(tempsa)
        console.log('第一次提交',  this.newReH)

        this.loading = true
        const params = {
          period: this.memberGamePeriod.period || '',
          game: this.memberGameSelected,
          bets: this.newReH,
          submit: false,
          _: new Date().getTime(),
        }
        // console.log('第一次请求参数', params, this.bets)
        this.$store.dispatch('MemberBet', params)
          .then(response => {
            this.isVisible = false
            this.loading = false
            //console.log('下注请求后的返回的结果', response)
            if (response.status) {
              this.total.count = 0
              this.total.amount = 0
            }
            if (response.status === 4) {
              this.isVisible = false
              this.$alert(response.message, '用户提示', {
                confirmButtonText: '确定',
              })
            }
            if (response.status === 2) {
              this.isVisible = false
              this.$alert(response.message, {
                confirmButtonText: '确定',
              })
              // console.log($('.betsPopupId').height())
            }
            this.$store.commit('MEMBER_FIRST_BETS', response)
            for (let i = 0; i < response.valid_bets.length; i++) {
              let vallist = response.valid_bets[i].option_text.list
              this.responses = vallist
            }
            // console.log($('.betsPopupId').height())
            this.totalbets = response.total_bets
            if (response && response.valid_bets[0]) {
              // 登录成功
              // 投注时第一次提交
              this.isVisible = false
              this.submitgxk3show=true
              this.issubmitgxk3show=false
            } else {
              this.isVisible = false
              // 失败
              alert(Object.values(response)[0].toString())
            }
          })
          .catch(() => {
            this.isVisible = false
            this.loading = false
          })
      },
      // 第二次点击提交
      submitgxk3() {
        console.log('this.memberPageSelected',this.memberPageSelected)
        if (this.isVisible) {
          return false
        }
        this.isVisible = true
        if (this.amounts <= 0 || this.totalbeth <= 0 || this.totalbetsa <= 0) {
          this.isVisible = false
          alert('请先正确填写金额')
          return false
        }
        // console.log('00', this.newReH)
        this.newReH = []
        const tempsH = {
          option: this.chasa,
          content: this.chasb,
          amount: this.amounts,
        }
        this.newReH.push(tempsH)
        this.loading = true
        const params = {
          period: this.memberGamePeriod.period || '',
          game: this.memberGameSelected,
          bets: this.newReH,
          submit: true,
          _: new Date().getTime(),
        }
        // console.log('第二次下注请求参数', params)

        this.$store.dispatch('MemberBet', params)

          .then(response => {
            this.loading = false
            // console.log('下注请求后的返回的结果', response)
            if (response) {
              // 登录成功
              // 重新获取最新注单
              this.$store.dispatch('MemberLastOrder', {
                game: this.memberGameSelected,
              })
              this.amounts = ''
              this.totalbeth = 0
              this.totalbetsa = 0
              this.showDialog = 'none'
              this.newReH = []
              this.isVisible = false
              this.submitgxk3show=false
              this.issubmitgxk3show=true
            } else {
              // 失败
              alert(Object.values(response)[0].toString())
              this.isVisible = false
            }
          })
          .catch(() => {
            this.isVisible = false
            this.loading = false
          })
      },
      submit() {
        if (this.isVisible) {
          return false
        }
        this.isVisible = true
        const newBets = []
        if (this.bets.length <= 0) {
          this.isVisible = false
          alert('请先正确填写金额')
          return false
        }
        this.loading = true
        for (const key in this.memberFirstBet.valid_bets) {
          // console.log('this.memberLastResult.valid_bets', this.memberFirstBet.valid_bets[key])
          if (this.memberFirstBet.valid_bets[key].checked) {
            newBets.push({
              option: this.memberFirstBet.valid_bets[key].option,
              amount: this.memberFirstBet.valid_bets[key].amount,
              content: this.memberFirstBet.valid_bets[key].content,
            })
          }
        }
        const params = {
          period: this.memberGamePeriod.period || '',
          game: this.memberGameSelected,
          bets: newBets,
          submit: true,
          _: new Date().getTime(),
        }
        // console.log('第二次下注请求参数', params)

        this.$store.dispatch('MemberBet', params)

          .then(response => {
            this.loading = false
            // console.log('下注请求后的返回的结果', response)
            if (response) {
              // 登录成功
              this.$store.dispatch('MemberGameAccount', { game: this.memberGameSelected })
              this.showDialog = 'none'
              // reset
              this.reset()
              // 重新获取最新注单
              this.$store.dispatch('MemberLastOrder', {
                game: this.memberGameSelected,
              })
              this.total.count = 0
              this.total.amount = 0
              this.isVisible = false
            } else {
              this.isVisible = false
              // 失败
              alert(Object.values(response)[0].toString())
            }
          })
          .catch(() => {
            this.isVisible = false
            this.loading = false
          })
      },
      combination(val) {
        this.indexcombination = val
      },
      // 二字定位
      // 禁用复选框
      // 禁用万千位快选
      disable() {
        console.log(this.checka.length < 1 || this.checkb.length < 1, this.ggreadonly)
        if (this.checka.length < 1 || this.checkb.length < 1) {
          return this.ggreadonly = true
        }
      },
      available() {
        if (this.checka.length >= 1 && this.checkb.length >= 1) {
          return this.ggreadonly = false
        }
      },
      xxdisable() {
        if (this.checkc.length < 1) {
          return this.ggreadonly = true
        }
      },
      xxavailable() {
        if (this.checkc.length >= 1) {
          return this.ggreadonly = false
        }
      },
      ezdwclick(title, itema) {
        if (this.ezdwindex !== title) {
          this.ezdwreset()
        }
        this.ezdwindex = title
        this.wq = title
        this.codename = itema
        this.ezdwxzkxtitle = title + '位快选'
        console.log(this.ezdwxzkxtitle, '123456789')
        this.disable()
      },
      // 二字定位万千位快选 前二直选
      selection(item, check) {
        if (check === false) {
          this.checka.push(item)
          this.available()
        } else {
          for (var i = 0; i < this.checka.length; i++) {
            if (this.checka[i] == item) {
              this.checka.splice(i, 1) // 将这个元素移除
              this.disable()
            }
          }
        }
      },
      selectiona(item, check) {
        if (check === false) {
          this.checkb.push(item)
          this.available()
        } else {
          for (var i = 0; i < this.checkb.length; i++) {
            if (this.checkb[i] == item) {
              this.checkb.splice(i, 1) // 将这个元素移除
              this.disable()
            }
          }
        }
      },

      // 前三直选
      selectioq(item, check) {
        if (check === false) {
          this.checka.push(item)
          if (this.checka.length >= 1 && this.checkb.length >= 1 && this.checkc.length >= 1) {
            return this.ggreadonly = false
          }
        } else {
          for (var i = 0; i < this.checka.length; i++) {
            if (this.checka[i] == item) {
              this.checka.splice(i, 1) // 将这个元素移除
              if (this.checka.length < 1 || this.checkb.length < 1 || this.checkc.length < 1) {
                return this.ggreadonly = true
              }
            }
          }
        }
      },
      selectionr(item, check) {
        if (check === false) {
          this.checkb.push(item)
          if (this.checka.length >= 1 && this.checkb.length >= 1 && this.checkc.length >= 1) {
            return this.ggreadonly = false
          }
        } else {
          for (var i = 0; i < this.checkb.length; i++) {
            if (this.checkb[i] == item) {
              this.checkb.splice(i, 1) // 将这个元素移除
              if (this.checka.length < 1 || this.checkb.length < 1 || this.checkc.length < 1) {
                return this.ggreadonly = true
              }
            }
          }
        }
      },
      selections(item, check) {
        if (check === false) {
          this.checkc.push(item)
          if (this.checka.length >= 1 && this.checkb.length >= 1 && this.checkc.length >= 1) {
            return this.ggreadonly = false
          }
        } else {
          for (var i = 0; i < this.checkc.length; i++) {
            if (this.checkc[i] == item) {
              this.checkc.splice(i, 1) // 将这个元素移除
              if (this.checka.length < 1 || this.checkb.length < 1 || this.checkc.length < 1) {
                return this.ggreadonly = true
              }
            }
          }
        }
      },

      ezdwkx(item) {
        if (this.ezdwxzkxtitle !== item) {
          this.ezdwreset()
        }
        this.ezdwxzkxtitle = item
        this.disable()
      },
      // 二字定位选中快选
      ezdwxzkx(item) {
        this.ezdwxzkxtitle = item
        if (this.ezdwxzkxtitle !== item) {
          this.ezdwreset()
        }
        this.xxdisable()
      },
      ezdwxzkxclick(item, check) {
        if (check === true) {
          this.checkc.push(item)
          this.xxavailable()
        } else {
          for (var i = 0; i < this.checkc.length; i++) {
            if (this.checkc[i] == item) {
              this.checkc.splice(i, 1) // 将这个元素移除
              this.xxdisable()
            }
          }
        }
      },
      filterNumOne(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (index === 'checkedD') {
              if (tempList.numname.substring(0, 1) % 2 !== 0) {
                if (rules) {
                  tempList.checked = true
                }
              }
            } else if (index === 'checkedS') {
              if (tempList.numname.substring(0, 1) % 2 === 0) {
                if (rules) {
                  tempList.checked = true
                }
              }
            } else if (index === 'num') {
              if (tempList.checked) {
                if (rules) {
                  if (tempList.numname.substring(0, 1) === rules.substring(0, 1)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(1, 2)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(2, 3)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(3, 4)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(4, 5)) {
                    tempList.checked = true
                  } else {
                    tempList.checked = false
                  }
                }
              }
            }
          }
        }
      }, // 万位
      filterNumTwo(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (tempList.numname.substring(1, 2) % 2 !== 0) {
                      tempList.checked = true
                      this.total.count++
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'checkedS') {
                  if (rules) {
                    if (tempList.numname.substring(1, 2) % 2 === 0) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'num') {
                  if (tempList.checked) {
                    if (rules) {
                      if (tempList.numname.substring(1, 2) === rules.substring(0, 1)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(1, 2)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(2, 3)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(3, 4)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(4, 5)) {
                        tempList.checked = true
                      } else {
                        tempList.checked = false
                      }
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (rules) {
                  if (tempList.numname.substring(1, 2) % 2 !== 0) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'checkedS') {
                if (rules) {
                  if (tempList.numname.substring(1, 2) % 2 === 0) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'num') {
                if (tempList.checked) {
                  if (rules) {
                    if (tempList.numname.substring(1, 2) === rules.substring(0, 1)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(1, 2)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(2, 3)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(3, 4)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(4, 5)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            }
          }
        }
      }, // 千位
      filterCheckedSC(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) === tempList.numname.substring(1, 2)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) !== tempList.numname.substring(1, 2)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (rules) {
                  if (tempList.numname.substring(0, 1) === tempList.numname.substring(1, 2)) {
                    tempList.checked = true
                  }
                }
              } else {
                if (rules) {
                  if (tempList.numname.substring(0, 1) !== tempList.numname.substring(1, 2)) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
      }, // 双重
      filterCheckeBro(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          let broa = parseInt(subKey) - 1
          if (parseInt(subKey) === 0) {
            broa = 9
          }
          let brob = parseInt(subKey) + 1
          if (parseInt(subKey) === 9) {
            brob = 0
          }
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (parseInt(tempList.numname.substring(1, 2)) === broa || parseInt(tempList.numname.substring(1, 2)) === brob) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'checkedS') {
                  if (rules) {
                    if (parseInt(tempList.numname.substring(1, 2)) !== broa && parseInt(tempList.numname.substring(1, 2)) !== brob) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (parseInt(tempList.numname.substring(1, 2)) === broa || parseInt(tempList.numname.substring(1, 2)) === brob) {
                  if (rules) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'checkedS') {
                if (parseInt(tempList.numname.substring(1, 2)) !== broa && parseInt(tempList.numname.substring(1, 2)) !== brob) {
                  if (rules) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
      }, // 兄弟
      filterNum(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) { // 判断是否是选择了一个过滤项
              if (index === 'numD') {
                if (tempList.checked) {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) === rules || tempList.numname.substring(1, 2) === rules ||
                      tempList.numname.substring(0, 1) === rules.substring(1, 2) || tempList.numname.substring(1, 2) === rules.substring(1, 2) ||
                      tempList.numname.substring(0, 1) === rules.substring(2, 3) || tempList.numname.substring(1, 2) === rules.substring(2, 3) ||
                      tempList.numname.substring(0, 1) === rules.substring(3, 4) || tempList.numname.substring(1, 2) === rules.substring(3, 4) ||
                      tempList.numname.substring(0, 1) === rules.substring(4, 5) || tempList.numname.substring(1, 2) === rules.substring(4, 5)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              } else {
                if (tempList.checked) {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) !== rules.substring(0, 1) && tempList.numname.substring(1, 2) !== rules.substring(0, 1) &&
                      tempList.numname.substring(0, 1) !== rules.substring(1, 2) && tempList.numname.substring(1, 2) !== rules.substring(1, 2) &&
                      tempList.numname.substring(0, 1) !== rules.substring(2, 3) && tempList.numname.substring(1, 2) !== rules.substring(2, 3) &&
                      tempList.numname.substring(0, 1) !== rules.substring(3, 4) && tempList.numname.substring(1, 2) !== rules.substring(3, 4) &&
                      tempList.numname.substring(0, 1) !== rules.substring(4, 5) && tempList.numname.substring(1, 2) !== rules.substring(4, 5)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'numD') {
                if (rules) {
                  if (tempList.numname.substring(0, 1) === rules.substring(0, 1) || tempList.numname.substring(1, 2) === rules.substring(0, 1) ||
                    tempList.numname.substring(0, 1) === rules.substring(1, 2) || tempList.numname.substring(1, 2) === rules.substring(1, 2) ||
                    tempList.numname.substring(0, 1) === rules.substring(2, 3) || tempList.numname.substring(1, 2) === rules.substring(2, 3) ||
                    tempList.numname.substring(0, 1) === rules.substring(3, 4) || tempList.numname.substring(1, 2) === rules.substring(3, 4) ||
                    tempList.numname.substring(0, 1) === rules.substring(4, 5) || tempList.numname.substring(1, 2) === rules.substring(4, 5)) {
                    tempList.checked = true
                  }
                }
              } else {
                if (rules) {
                  if (tempList.numname.substring(0, 1) !== rules.substring(0, 1) && tempList.numname.substring(1, 2) !== rules.substring(0, 1) &&
                    tempList.numname.substring(0, 1) !== rules.substring(1, 2) && tempList.numname.substring(1, 2) !== rules.substring(1, 2) &&
                    tempList.numname.substring(0, 1) !== rules.substring(2, 3) && tempList.numname.substring(1, 2) !== rules.substring(2, 3) &&
                    tempList.numname.substring(0, 1) !== rules.substring(3, 4) && tempList.numname.substring(1, 2) !== rules.substring(3, 4) &&
                    tempList.numname.substring(0, 1) !== rules.substring(4, 5) && tempList.numname.substring(1, 2) !== rules.substring(4, 5)) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
        if (this.checkc.length >= 1) {
          this.ggreadonly = false
        } else {
          this.ggreadonly = true
        }
      }, // 数字
      filterChecked() {
        this.checkc = []
        let moreFilter = 0
        const tempXzkxList = JSON.parse(JSON.stringify(this.beforeXzkxlist))
        for (const key in this.checkedRules) {
          console.log(key)
          for (const index in this.checkedRules[key]) {
            if (this.checkedRules[key][index]) {
              moreFilter++
            }
            if (key === 'numOne') {
              console.log('this.checkedRules[key][index]', index)
              this.filterNumOne(tempXzkxList, index, this.checkedRules[key][index], moreFilter)
            }
            if (key === 'numTwo') {
              this.filterNumTwo(tempXzkxList, index, this.checkedRules[key][index], moreFilter)
            }
            if (key === 'checkeBro') {
              this.filterCheckeBro(tempXzkxList, index, this.checkedRules[key][index], moreFilter)
            }
            if (key === 'checkedSC') {
              this.filterCheckedSC(tempXzkxList, index, this.checkedRules[key][index], moreFilter)
            }
            if (key === 'num') {
              this.filterNum(tempXzkxList, index, this.checkedRules[key][index], moreFilter)
            }
          }
        }
        this.xzkxlist = JSON.parse(JSON.stringify(tempXzkxList))
        for (const key in this.xzkxlist) {
          for (const index in this.xzkxlist[key]) {
            if (this.xzkxlist[key][index].checked) {
              this.checkc.push(this.xzkxlist[key][index].numname) // 遍历数组， 被选中的就加入
            }
          }
        }
        if (this.checkc.length >= 1) {
          this.ggreadonly = false
        } else {
          this.ggreadonly = true
        }
      },
      numbersdss(title) {
        if (title === 'broq') {
          this.checkedRules.checkeBro.checkedS = false // 二兄弟、取
        }
        if (title === 'broc') {
          this.checkedRules.checkeBro.checkedD = false // 二兄弟、取
        }
        if (title === 'twod') {
          this.checkedRules.numTwo.checkedS = false // 双数千位
        }
        if (title === 'twos') {
          this.checkedRules.numTwo.checkedD = false // 单数千位
        }
        if (title === 'ds') {
          this.checkedRules.numOne.checkedS = false // 双数万位
        }
        if (title === 'ss') {
          this.checkedRules.numOne.checkedD = false // 单数万位
        }
        if (title === 'q') {
          this.checkedRules.checkedSC.checkedS = false // 双重 、除
        }
        if (title === 'c') {
          this.checkedRules.checkedSC.checkedD = false // 双重、取
        }
        this.filterChecked()
      },

      // 三字定位
      // 禁用万千位快选
      szdisable() {
        if (this.szdwchecka.length < 1 || this.szdwcheckb.length < 1 || this.szdwcheckc.length < 1) {
          return this.ggreadonly = true
        }
      },
      szavailable() {
        if (this.szdwchecka.length >= 1 && this.szdwcheckb.length >= 1 && this.szdwcheckc.length >= 1) {
          return this.ggreadonly = false
        }
      },
      szkyxxkx() {
        if (this.szcheckc.length >= 1) {
          this.ggreadonly = false
        }
      },
      szjyxxkx() {
        if (this.szcheckc.length < 1) {
          this.ggreadonly = true
        }
      },
      szdwclick(title, itema, sws) {
        if (this.szdwindex !== title) {
          this.szdwreset()
          this.szjyxxkx()
        }
        this.szdwindex = title
        this.qs = title
        this.sws = sws
        this.szdwcodename = itema
        this.szdwxzkxtitle = title + '定位位快选'
      },
      // 三字定位万千位快选
      selectionaszdwa(item, check) {
        if (check === true) {
          this.szdwchecka.push(item)
          this.szavailable()
        } else {
          for (var i = 0; i < this.szdwchecka.length; i++) {
            if (this.szdwchecka[i] == item) {
              this.szdwchecka.splice(i, 1) // 将这个元素移除
              this.szdisable()
            }
          }
        }
      },
      selectionaszdwb(item, check) {
        if (check === true) {
          this.szdwcheckb.push(item)
          this.szavailable()
        } else {
          for (var i = 0; i < this.szdwcheckb.length; i++) {
            if (this.szdwcheckb[i] == item) {
              this.szdwcheckb.splice(i, 1) // 将这个元素移除
              this.szdisable()
            }
          }
        }
      },
      selectionaszdwc(item, check) {
        if (check === true) {
          this.szdwcheckc.push(item)
          this.szavailable()
        } else {
          for (var i = 0; i < this.szdwcheckc.length; i++) {
            if (this.szdwcheckc[i] == item) {
              this.szdwcheckc.splice(i, 1) // 将这个元素移除
              this.szdisable()
            }
          }
        }
      },
      szdwkx(item) {
        if (this.szdwxzkxtitle !== item) {
          this.szdwreset()
          this.szjyxxkx()
        }
        this.szdwxzkxtitle = item
      },
      // 三字定位选中快选
      szdwxzkx(item) {
        if (this.szdwxzkxtitle !== item) {
          this.szdwreset()
          this.szjyxxkx()
        }
        this.szdwxzkxtitle = item
      },
      szdwxzkxclick(item, check) {
        if (check === true) {
          this.szcheckc.push(item)
          this.szkyxxkx()
        } else {
          for (var i = 0; i < this.szcheckc.length; i++) {
            if (this.szcheckc[i] == item) {
              this.szcheckc.splice(i, 1) // 将这个元素移除
              this.szjyxxkx()
            }
          }
        }
      },

      filterNumOnesz(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (index === 'checkedD') {
              if (tempList.numname.substring(0, 1) % 2 !== 0) {
                if (rules) {
                  tempList.checked = true
                }
              }
            } else if (index === 'checkedS') {
              if (tempList.numname.substring(0, 1) % 2 === 0) {
                if (rules) {
                  tempList.checked = true
                }
              }
            } else if (index === 'num') {
              if (tempList.checked) {
                if (rules) {
                  if (tempList.numname.substring(0, 1) === rules.substring(0, 1)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(1, 2)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(2, 3)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(3, 4)) {
                    tempList.checked = true
                  } else if (tempList.numname.substring(0, 1) === rules.substring(4, 5)) {
                    tempList.checked = true
                  } else {
                    tempList.checked = false
                  }
                }
              }
            }
          }
        }
      }, // 万位
      filterNumTwosz(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (tempList.numname.substring(1, 2) % 2 !== 0) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'checkedS') {
                  if (rules) {
                    if (tempList.numname.substring(1, 2) % 2 === 0) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'num') {
                  if (tempList.checked) {
                    if (rules) {
                      if (tempList.numname.substring(1, 2) === rules.substring(0, 1)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(1, 2)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(2, 3)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(3, 4)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(1, 2) === rules.substring(4, 5)) {
                        tempList.checked = true
                      } else {
                        tempList.checked = false
                      }
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (rules) {
                  if (tempList.numname.substring(1, 2) % 2 !== 0) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'checkedS') {
                if (rules) {
                  if (tempList.numname.substring(1, 2) % 2 === 0) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'num') {
                if (tempList.checked) {
                  if (rules) {
                    if (tempList.numname.substring(1, 2) === rules.substring(0, 1)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(1, 2)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(2, 3)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(3, 4)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(1, 2) === rules.substring(4, 5)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            }
          }
        }
      }, // 千位
      filterNumThreesz(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (tempList.numname.substring(2, 3) % 2 !== 0) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'checkedS') {
                  if (rules) {
                    if (tempList.numname.substring(2, 3) % 2 === 0) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'num') {
                  if (tempList.checked) {
                    if (rules) {
                      if (tempList.numname.substring(2, 3) === rules.substring(0, 1)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(2, 3) === rules.substring(1, 2)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(2, 3) === rules.substring(2, 3)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(2, 3) === rules.substring(3, 4)) {
                        tempList.checked = true
                      } else if (tempList.numname.substring(2, 3) === rules.substring(4, 5)) {
                        tempList.checked = true
                      } else {
                        tempList.checked = false
                      }
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (rules) {
                  if (tempList.numname.substring(2, 3) % 2 !== 0) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'checkedS') {
                if (rules) {
                  if (tempList.numname.substring(2, 3) % 2 === 0) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'num') {
                if (tempList.checked) {
                  if (rules) {
                    if (tempList.numname.substring(2, 3) === rules.substring(0, 1)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(2, 3) === rules.substring(1, 2)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(2, 3) === rules.substring(2, 3)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(2, 3) === rules.substring(3, 4)) {
                      tempList.checked = true
                    } else if (tempList.numname.substring(2, 3) === rules.substring(4, 5)) {
                      tempList.checked = true
                    }
                  }
                }
              }
            }
          }
        }
      }, // 佰位
      filterCheckedSCsz(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) === tempList.numname.substring(1, 2)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) !== tempList.numname.substring(1, 2)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (rules) {
                  if (tempList.numname.substring(0, 1) === tempList.numname.substring(1, 2)) {
                    tempList.checked = true
                  }
                }
              } else {
                if (rules) {
                  if (tempList.numname.substring(0, 1) !== tempList.numname.substring(1, 2)) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
      }, // 双重
      filterCheckedSCSANC(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) === tempList.numname.substring(1, 2) &&
                      tempList.numname.substring(0, 1) === tempList.numname.substring(2, 3)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else {
                  if (rules) {
                    if (tempList.numname.substring(0, 1) !== tempList.numname.substring(1, 2) ||
                      tempList.numname.substring(0, 1) !== tempList.numname.substring(2, 3)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (rules) {
                  if (tempList.numname.substring(0, 1) === tempList.numname.substring(1, 2) &&
                    tempList.numname.substring(0, 1) === tempList.numname.substring(2, 3)) {
                    tempList.checked = true
                  }
                }
              } else {
                if (rules) {
                  if (tempList.numname.substring(0, 1) !== tempList.numname.substring(1, 2) ||
                    tempList.numname.substring(0, 1) !== tempList.numname.substring(2, 3)) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
      }, // 三重
      filterCheckeBrosz(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          const tempkeya = tempXzkxList[subKey][0].numname.substring(0, 1)
          let broa1 = parseInt(tempkeya) - 1
          if (parseInt(tempkeya) === 0) {
            broa1 = 9
          }
          let broa2 = parseInt(tempkeya) + 1
          if (parseInt(tempkeya) === 9) {
            broa2 = 0
          }
          const tempkeyb = tempXzkxList[subKey][0].numname.substring(1, 2)
          let brob1 = parseInt(tempkeyb) - 1
          if (parseInt(tempkeyb) === 0) {
            brob1 = 9
          }
          let brob2 = parseInt(tempkeyb) + 1
          if (parseInt(tempkeyb) === 9) {
            brob2 = 0
          }
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if ((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                      (parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2 ||
                        parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'checkedS') {
                  if (rules) {
                    if (!((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                      (parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2 ||
                        parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2))) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if ((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                  (parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2 ||
                    parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2)) {
                  if (rules) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'checkedS') {
                if (!((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                  (parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2 ||
                    parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2))) {
                  if (rules) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
      }, // 二兄弟
      filterCheckeBros(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            const tempkeya = tempList.numname.substring(0, 1)
            let broa1 = parseInt(tempkeya) - 1
            if (parseInt(tempkeya) === 0) {
              broa1 = 9
            }
            let broa2 = parseInt(tempkeya) + 1
            if (parseInt(tempkeya) === 9) {
              broa2 = 0
            }
            const tempkeyb = tempList.numname.substring(1, 2)
            let brob1 = parseInt(tempkeyb) - 1
            if (parseInt(tempkeyb) === 0) {
              brob1 = 9
            }
            let brob2 = parseInt(tempkeyb) + 1
            if (parseInt(tempkeyb) === 9) {
              brob2 = 0
            }
            const tempkeyc = tempList.numname.substring(2, 3)
            let broc1 = parseInt(tempkeyc) - 1
            if (parseInt(tempkeyc) === 0) {
              broc1 = 9
            }
            let broc2 = parseInt(tempkeyc) + 1
            if (parseInt(tempkeyc) === 9) {
              broc2 = 0
            }
            if (moreFilter > 1) {
              if (tempList.checked) {
                if (index === 'checkedD') {
                  if (rules) {
                    if (
                      ((parseInt(tempList.numname.substring(0, 1)) === broc1 || parseInt(tempList.numname.substring(0, 1)) === broc2) ||
                        (parseInt(tempList.numname.substring(0, 1)) === brob1 || parseInt(tempList.numname.substring(0, 1)) === brob2)) &&
                      ((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                        (parseInt(tempList.numname.substring(1, 2)) === broc1 || parseInt(tempList.numname.substring(1, 2)) === broc2)) &&
                      ((parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2) ||
                        (parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2)) &&
                      (parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(1, 2)) &&
                        parseInt(tempList.numname.substring(1, 2)) !== parseInt(tempList.numname.substring(2, 3)) &&
                        parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(2, 3)))
                    ) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                } else if (index === 'checkedS') {
                  if (rules) {
                    if (!(((parseInt(tempList.numname.substring(0, 1)) === broc1 || parseInt(tempList.numname.substring(0, 1)) === broc2) ||
                      (parseInt(tempList.numname.substring(0, 1)) === brob1 || parseInt(tempList.numname.substring(0, 1)) === brob2)) &&
                      ((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                        (parseInt(tempList.numname.substring(1, 2)) === broc1 || parseInt(tempList.numname.substring(1, 2)) === broc2)) &&
                      ((parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2) ||
                        (parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2)) &&
                      (parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(1, 2)) &&
                        parseInt(tempList.numname.substring(1, 2)) !== parseInt(tempList.numname.substring(2, 3)) &&
                        parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(2, 3))))) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'checkedD') {
                if (
                  ((parseInt(tempList.numname.substring(0, 1)) === broc1 || parseInt(tempList.numname.substring(0, 1)) === broc2) ||
                    (parseInt(tempList.numname.substring(0, 1)) === brob1 || parseInt(tempList.numname.substring(0, 1)) === brob2)) &&
                  ((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                    (parseInt(tempList.numname.substring(1, 2)) === broc1 || parseInt(tempList.numname.substring(1, 2)) === broc2)) &&
                  ((parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2) ||
                    (parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2)) &&
                  (parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(1, 2)) &&
                    parseInt(tempList.numname.substring(1, 2)) !== parseInt(tempList.numname.substring(2, 3)) &&
                    parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(2, 3)))
                ) {
                  if (rules) {
                    tempList.checked = true
                  }
                }
              } else if (index === 'checkedS') {
                if (!(((parseInt(tempList.numname.substring(0, 1)) === broc1 || parseInt(tempList.numname.substring(0, 1)) === broc2) ||
                  (parseInt(tempList.numname.substring(0, 1)) === brob1 || parseInt(tempList.numname.substring(0, 1)) === brob2)) &&
                  ((parseInt(tempList.numname.substring(1, 2)) === broa1 || parseInt(tempList.numname.substring(1, 2)) === broa2) ||
                    (parseInt(tempList.numname.substring(1, 2)) === broc1 || parseInt(tempList.numname.substring(1, 2)) === broc2)) &&
                  ((parseInt(tempList.numname.substring(2, 3)) === broa1 || parseInt(tempList.numname.substring(2, 3)) === broa2) ||
                    (parseInt(tempList.numname.substring(2, 3)) === brob1 || parseInt(tempList.numname.substring(2, 3)) === brob2)) &&
                  (parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(1, 2)) &&
                    parseInt(tempList.numname.substring(1, 2)) !== parseInt(tempList.numname.substring(2, 3)) &&
                    parseInt(tempList.numname.substring(0, 1)) !== parseInt(tempList.numname.substring(2, 3))))) {
                  if (rules) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
      }, // 三兄弟
      filterNumsznum(tempXzkxList, index, rules, moreFilter) {
        for (const subKey in tempXzkxList) {
          for (const subIndex in tempXzkxList[subKey]) {
            const tempList = tempXzkxList[subKey][subIndex]
            if (moreFilter > 1) { // 判断是否是选择了一个过滤项
              if (index === 'numD') {
                if (tempList.checked) {
                  if (rules) {
                    // if (tempList.numname.substring(0, 1) === rules || tempList.numname.substring(1, 2) === rules ||
                    // tempList.numname.substring(2, 3) === rules) {
                    if (tempList.numname.substring(0, 1) === rules.substring(0, 1) || tempList.numname.substring(1, 2) === rules.substring(0, 1) || tempList.numname.substring(2, 3) === rules.substring(0, 1) ||
                      tempList.numname.substring(0, 1) === rules.substring(1, 2) || tempList.numname.substring(1, 2) === rules.substring(1, 2) || tempList.numname.substring(2, 3) === rules.substring(1, 2) ||
                      tempList.numname.substring(0, 1) === rules.substring(2, 3) || tempList.numname.substring(1, 2) === rules.substring(2, 3) || tempList.numname.substring(2, 3) === rules.substring(2, 3) ||
                      tempList.numname.substring(0, 1) === rules.substring(3, 4) || tempList.numname.substring(1, 2) === rules.substring(3, 4) || tempList.numname.substring(2, 3) === rules.substring(3, 4) ||
                      tempList.numname.substring(0, 1) === rules.substring(4, 5) || tempList.numname.substring(1, 2) === rules.substring(4, 5) || tempList.numname.substring(2, 3) === rules.substring(4, 5)) {
                      tempList.checked = true
                    }
                    //   tempList.checked = true
                    // }
                    else {
                      tempList.checked = false
                    }
                  }
                }
              } else {
                if (tempList.checked) {
                  if (rules) {
                    // if (!(tempList.numname.substring(0, 1) === rules || tempList.numname.substring(1, 2) === rules ||
                    // tempList.numname.substring(2, 3) === rules)) {
                    //   tempList.checked = true
                    // }
                    if (tempList.numname.substring(0, 1) !== rules.substring(0, 1) && tempList.numname.substring(1, 2) !== rules.substring(0, 1) && tempList.numname.substring(2, 3) !== rules.substring(0, 1) &&
                      tempList.numname.substring(0, 1) !== rules.substring(1, 2) && tempList.numname.substring(1, 2) !== rules.substring(1, 2) && tempList.numname.substring(2, 3) !== rules.substring(1, 2) &&
                      tempList.numname.substring(0, 1) !== rules.substring(2, 3) && tempList.numname.substring(1, 2) !== rules.substring(2, 3) && tempList.numname.substring(2, 3) !== rules.substring(2, 3) &&
                      tempList.numname.substring(0, 1) !== rules.substring(3, 4) && tempList.numname.substring(1, 2) !== rules.substring(3, 4) && tempList.numname.substring(2, 3) !== rules.substring(3, 4) &&
                      tempList.numname.substring(0, 1) !== rules.substring(4, 5) && tempList.numname.substring(1, 2) !== rules.substring(4, 5) && tempList.numname.substring(2, 3) !== rules.substring(4, 5)) {
                      tempList.checked = true
                    } else {
                      tempList.checked = false
                    }
                  }
                }
              }
            } else {
              if (index === 'numD') {
                if (rules) {
                  if (tempList.numname.substring(0, 1) === rules.substring(0, 1) || tempList.numname.substring(1, 2) === rules.substring(0, 1) || tempList.numname.substring(2, 3) === rules.substring(0, 1) ||
                    tempList.numname.substring(0, 1) === rules.substring(1, 2) || tempList.numname.substring(1, 2) === rules.substring(1, 2) || tempList.numname.substring(2, 3) === rules.substring(1, 2) ||
                    tempList.numname.substring(0, 1) === rules.substring(2, 3) || tempList.numname.substring(1, 2) === rules.substring(2, 3) || tempList.numname.substring(2, 3) === rules.substring(2, 3) ||
                    tempList.numname.substring(0, 1) === rules.substring(3, 4) || tempList.numname.substring(1, 2) === rules.substring(3, 4) || tempList.numname.substring(2, 3) === rules.substring(3, 4) ||
                    tempList.numname.substring(0, 1) === rules.substring(4, 5) || tempList.numname.substring(1, 2) === rules.substring(4, 5) || tempList.numname.substring(2, 3) === rules.substring(4, 5)) {
                    tempList.checked = true
                  }
                }
              } else {
                if (rules) {
                  // if (!(tempList.numname.substring(0, 1) === rules || tempList.numname.substring(1, 2) === rules ||
                  // tempList.numname.substring(2, 3) === rules)) {
                  //   tempList.checked = true
                  // }
                  if (tempList.numname.substring(0, 1) !== rules.substring(0, 1) && tempList.numname.substring(1, 2) !== rules.substring(0, 1) && tempList.numname.substring(2, 3) !== rules.substring(0, 1) &&
                    tempList.numname.substring(0, 1) !== rules.substring(1, 2) && tempList.numname.substring(1, 2) !== rules.substring(1, 2) && tempList.numname.substring(2, 3) !== rules.substring(1, 2) &&
                    tempList.numname.substring(0, 1) !== rules.substring(2, 3) && tempList.numname.substring(1, 2) !== rules.substring(2, 3) && tempList.numname.substring(2, 3) !== rules.substring(2, 3) &&
                    tempList.numname.substring(0, 1) !== rules.substring(3, 4) && tempList.numname.substring(1, 2) !== rules.substring(3, 4) && tempList.numname.substring(2, 3) !== rules.substring(3, 4) &&
                    tempList.numname.substring(0, 1) !== rules.substring(4, 5) && tempList.numname.substring(1, 2) !== rules.substring(4, 5) && tempList.numname.substring(2, 3) !== rules.substring(4, 5)) {
                    tempList.checked = true
                  }
                }
              }
            }
          }
        }
        if (this.szcheckc.length >= 1) {
          this.ggreadonly = false
        } else {
          this.ggreadonly = true
        }
      }, // 数字
      szfilterChecked() {
        this.szcheckc = []
        let moreFilter = 0
        const tempXzkxList = JSON.parse(JSON.stringify(this.beforeXzkxlistsz))
        for (const key in this.szcheckedRules) {
          for (const index in this.szcheckedRules[key]) {
            if (this.szcheckedRules[key][index]) {
              moreFilter++
            }

            if (key === 'numOne') {
              this.filterNumOnesz(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }
            if (key === 'numTwo') {
              this.filterNumTwosz(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }
            if (key === 'numThree') {
              this.filterNumThreesz(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }
            if (key === 'checkeBros') {
              this.filterCheckeBros(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }
            if (key === 'checkeBro') {
              this.filterCheckeBrosz(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }
            if (key === 'checkedSC') {
              this.filterCheckedSCsz(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }
            if (key === 'checkedSANC') {
              this.filterCheckedSCSANC(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }

            if (key === 'num') {
              this.filterNumsznum(tempXzkxList, index, this.szcheckedRules[key][index], moreFilter)
            }
          }
        }
        const tempArray = []
        let tempSubArray = []
        for (const key in tempXzkxList) {
          for (const index in tempXzkxList[key]) {
            if (tempXzkxList[key][index].checked) {
              if (tempSubArray.length > 9) {
                tempArray.push(tempSubArray)
                tempSubArray = []
              }
              tempSubArray.push(tempXzkxList[key][index])
            }
          }
        }
        if (tempSubArray.length > 0) {
          tempArray.push(tempSubArray)
        }
        this.showSzxzkxlist = JSON.parse(JSON.stringify(tempArray))
        console.log(this.showSzxzkxlist)
        for (const key in this.showSzxzkxlist) {
          for (const index in this.showSzxzkxlist[key]) {
            if (this.showSzxzkxlist[key][index].checked) {
              this.szcheckc.push(this.showSzxzkxlist[key][index].numname) // 遍历数组， 被选中的就加入
            }
          }
        }
        if (this.szcheckc.length >= 1) {
          this.ggreadonly = false
        } else {
          this.ggreadonly = true
        }
      },
      sznumbersdss(title) {
        if (title === 'dyds') {
          this.szcheckedRules.numOne.checkedS = false // 单数万位
        }
        if (title === 'dyss') {
          this.szcheckedRules.numOne.checkedD = false // 双数万位
        }
        if (title === 'deds') {
          this.szcheckedRules.numTwo.checkedS = false // 单数千位
        }
        if (title === 'dess') {
          this.szcheckedRules.numTwo.checkedD = false // 双数千位
        }
        if (title === 'dsds') {
          this.szcheckedRules.numThree.checkedS = false // 单数佰位
        }
        if (title === 'dsss') {
          this.szcheckedRules.numThree.checkedD = false // 双数佰位
        }
        if (title === 'shuangcq') {
          this.szcheckedRules.checkedSC.checkedS = false // 双重、取
        }
        if (title === 'shuangcc') {
          this.szcheckedRules.checkedSC.checkedD = false // 双重、除
        }
        if (title === 'exdq') {
          this.szcheckedRules.checkeBro.checkedS = false // 二兄弟、取
        }
        if (title === 'exdc') {
          this.szcheckedRules.checkeBro.checkedD = false // 二兄弟、除
        }
        if (title === 'sancq') {
          this.szcheckedRules.checkedSANC.checkedS = false // 三重 、除
        }
        if (title === 'sancc') {
          this.szcheckedRules.checkedSANC.checkedD = false // 三重、取
        }
        if (title === 'sxdq') {
          this.szcheckedRules.checkeBros.checkedS = false // 三兄弟 、除
        }
        if (title === 'sxdc') {
          this.szcheckedRules.checkeBros.checkedD = false // 三兄弟、取
        }
        this.szfilterChecked()
      },

      // 组选三
      zxsclick(title, zxsdh) {
        if (this.zxsindex !== title) {
          this.zxsreset()
        }
        this.zxsindex = title
        this.zxsdh = zxsdh
        if (this.zxscheckc.length < 5) {
          this.ggreadonly = true
        }
      },
      ccszxsclick(item, check) {
        if (check === false) {
          this.zxscheckc.push(item)
          if (this.zxscheckc.length >= 5) {
            this.ggreadonly = false
          }
          if (this.zxscheckc.length == 5) {
            this.zxspl = 'ZXS_QSZXS_5'
            this.zsxnum = 5
          }
          if (this.zxscheckc.length == 6) {
            this.zxspl = 'ZXS_QSZXS_6'
            this.zsxnum = 6
          }
          if (this.zxscheckc.length == 7) {
            this.zxspl = 'ZXS_QSZXS_7'
            this.zsxnum = 7
          }
          if (this.zxscheckc.length == 8) {
            this.zxspl = 'ZXS_QSZXS_8'
            this.zsxnum = 8
          }
          if (this.zxscheckc.length == 9) {
            this.zxspl = 'ZXS_QSZXS_9'
            this.zsxnum = 9
          }
          if (this.zxscheckc.length == 10) {
            this.zxspl = 'ZXS_QSZXS_10'
            this.zsxnum = 10
          }
        } else {
          for (var i = 0; i < this.zxscheckc.length; i++) {
            if (this.zxscheckc[i] == item) {
              this.zxscheckc.splice(i, 1) // 将这个元素移除
              if (this.zxscheckc.length < 5) {
                this.ggreadonly = true
              }
              if (this.zxscheckc.length == 5) {
                this.zxspl = 'ZXS_QSZXS_5'
                this.zsxnum = 5
              }
              if (this.zxscheckc.length == 6) {
                this.zxspl = 'ZXS_QSZXS_6'
                this.zsxnum = 6
              }
              if (this.zxscheckc.length == 7) {
                this.zxspl = 'ZXS_QSZXS_7'
                this.zsxnum = 7
              }
              if (this.zxscheckc.length == 8) {
                this.zxspl = 'ZXS_QSZXS_8'
                this.zsxnum = 8
              }
              if (this.zxscheckc.length == 9) {
                this.zxspl = 'ZXS_QSZXS_9'
                this.zsxnum = 9
              }
              if (this.zxscheckc.length == 10) {
                this.zxspl = 'ZXS_QSZXS_10'
                this.zsxnum = 10
              }
            }
          }
        }
      },

      // 组选六
      zxlclick(title, zxldh) {
        if (this.zxlindex !== title) {
          this.zxlsreset()
        }
        this.zxlindex = title
        this.zxldh = zxldh
        if (this.zxlcheckc.length < 4) {
          this.ggreadonly = true
        }
      },
      ccszxlclick(item, check, index, indexs) {
        if (check === true && this.zxlcheckc.length < 8) {
          this.zxlcheckc.push(item)
          if (this.zxlcheckc.length >= 4) {
            this.ggreadonly = false
          }
          if (this.zxlcheckc.length == 4) {
            this.zxlpl = 'ZXL_QSZXL_4'
            this.zslnum = 4
          }
          if (this.zxlcheckc.length == 5) {
            this.zxlpl = 'ZXL_QSZXL_5'
            this.zslnum = 5
          }
          if (this.zxlcheckc.length == 6) {
            this.zxlpl = 'ZXL_QSZXL_6'
            this.zslnum = 6
          }
          if (this.zxlcheckc.length == 7) {
            this.zxlpl = 'ZXL_QSZXL_7'
            this.zslnum = 7
          }
          if (this.zxlcheckc.length == 8) {
            this.zxlpl = 'ZXL_QSZXL_8'
            this.zslnum = 8
          }
        } else {
          for (var i = 0; i < this.zxlcheckc.length; i++) {
            if (this.zxlcheckc[i] == item) {
              this.zxlcheckc.splice(i, 1) // 将这个元素移除
              if (this.zxlcheckc.length < 4) {
                this.ggreadonly = true
              }
              if (this.zxlcheckc.length == 4) {
                this.zxlpl = 'ZXL_QSZXL_4'
                this.zslnum = 4
              }
              if (this.zxlcheckc.length == 5) {
                this.zxlpl = 'ZXL_QSZXL_5'
                this.zslnum = 5
              }
              if (this.zxlcheckc.length == 6) {
                this.zxlpl = 'ZXL_QSZXL_6'
                this.zslnum = 6
              }
              if (this.zxlcheckc.length == 7) {
                this.zxlpl = 'ZXL_QSZXL_7'
                this.zslnum = 7
              }
              if (this.zxlcheckc.length == 8) {
                this.zxlpl = 'ZXL_QSZXL_8'
                this.zslnum = 8
              }
            }
          }
          if (this.zxlcheckc.length >= 8) {
            this.ssczxs[index][indexs].checked = false
            this.$alert('只能勾选8组球号！', '用户提示', {
              confirmButtonText: '确定',
            })
          }
        }
      },

      // 复式组合
      fszhisable() {
        if (this.fszhcheckca.length < 1 && this.fszhcheckcb.length < 1 && this.fszhcheckcc.length < 1) {
          return this.ggreadonly = true
        }
      },
      fszhavailable() {
        if (this.fszhcheckca.length >= 1 && this.fszhcheckcb.length >= 1 && this.fszhcheckcc.length >= 1) {
          return this.ggreadonly = false
        }
      },
      fzclick(title, item, fszhdm) {
        if (this.fsindex !== title) {
          this.multipleAmount = ''
          this.fszhmreset()
        }
        this.fszhisable()
        this.fsindex = title
        this.fszhwqb = item
        this.fszhdm = fszhdm
      },
      fzzhclicka(item, check, index) {
        if (check === true && (this.fszhcheckca.length + this.fszhcheckcb.length + this.fszhcheckcc.length) < 21) {
          this.fszhcheckca.push(item)
          this.peilv = []
          this.peilv.push(this.fszhcheckca.length)
          this.peilv.push(this.fszhcheckcb.length)
          this.peilv.push(this.fszhcheckcc.length)
          this.peilv.sort((a, b) => {
            return a - b // 从小到大排序
          })
          this.peilvzs = ''
          for (var i = 0; i < this.peilv.length; i++) {
            this.peilvzs += this.peilv[i]
          }
          this.fszhavailable()
        } else {
          for (var i = 0; i < this.fszhcheckca.length; i++) {
            if (this.fszhcheckca[i] == item) {
              this.fszhcheckca.splice(i, 1) // 将这个元素移除
              this.fszhisable()
            }
          }
          if ((this.fszhcheckca.length + this.fszhcheckcb.length + this.fszhcheckcc.length) >= 21) {
            this.sscfszha[index].checked = false
            this.$alert('千、佰、拾，选择数量最少9个号码，最多可选21个号码！', '用户提示', {
              confirmButtonText: '确定' })
          }
        }
      },
      fzzhclickb(item, check, index) {
        if (check === true && (this.fszhcheckca.length + this.fszhcheckcb.length + this.fszhcheckcc.length) < 21) {
          this.fszhcheckcb.push(item)
          this.peilv = []
          this.peilv.push(this.fszhcheckca.length)
          this.peilv.push(this.fszhcheckcb.length)
          this.peilv.push(this.fszhcheckcc.length)
          this.peilv.sort((a, b) => {
            return a - b // 从小到大排序
          })
          this.peilvzs = ''
          for (var i = 0; i < this.peilv.length; i++) {
            this.peilvzs += this.peilv[i]
          }
          this.fszhavailable()
        } else {
          for (var i = 0; i < this.fszhcheckcb.length; i++) {
            if (this.fszhcheckcb[i] == item) {
              this.fszhcheckcb.splice(i, 1) // 将这个元素移除
              this.fszhisable()
            }
          }
          if ((this.fszhcheckca.length + this.fszhcheckcb.length + this.fszhcheckcc.length) >= 21) {
            this.sscfszhb[index].checked = false
            this.$alert('千、佰、拾，选择数量最少9个号码，最多可选21个号码！', '用户提示', {
              confirmButtonText: '确定' })
          }
        }
      },
      fzzhclickc(item, check, index) {
        if (check === true && (this.fszhcheckca.length + this.fszhcheckcb.length + this.fszhcheckcc.length) < 21) {
          this.fszhcheckcc.push(item)
          this.peilv = []
          this.peilv.push(this.fszhcheckca.length)
          this.peilv.push(this.fszhcheckcb.length)
          this.peilv.push(this.fszhcheckcc.length)
          this.peilv.sort((a, b) => {
            return a - b // 从小到大排序
          })
          this.peilvzs = ''
          for (var i = 0; i < this.peilv.length; i++) {
            this.peilvzs += this.peilv[i]
          }
          this.fszhavailable()
        } else {
          for (var i = 0; i < this.fszhcheckcc.length; i++) {
            if (this.fszhcheckcc[i] == item) {
              this.fszhcheckcc.splice(i, 1) // 将这个元素移除
              this.fszhisable()
            }
          }
          if ((this.fszhcheckca.length + this.fszhcheckcb.length + this.fszhcheckcc.length) >= 21) {
            this.sscfszhc[index].checked = false
            this.$alert('千、佰、拾，选择数量最少9个号码，最多可选21个号码！', '用户提示', {
              confirmButtonText: '确定' })
          }
        }
      },
      // 广西快三
      gxk3yxx(chasa, chasb) {
        if (!this.diffCloseVuex) {
          return false
        }
        this.chasa = chasa
        this.chasb = chasb
        this.checkeds = true
        // 广西快三拼接
        this.showDialog = 'block'
        this.betsPopupHeight = $(window).height() / 2 - 200
        this.betsPopupWidth = $(window).width() / 2 - $('.betsPopupId').width() / 2
      },
      // 广东快乐十分连码
      totalbetslml(e) {
        const parent = e.target.parentElement
        console.log(parent.offsetTop)
        this.lmdata = true
      },
      totalbetslmc() {
        this.lmdata = false
      },
      gdklsflmclick(item) {
        if (this.gdklsflmdh !== item) {
          this.gdklsfreset()
        }
        this.gdklsflmdh = item
        if (this.lmchecka.length <= 1) {
          this.ggreadonly = true
        }
      },
      gdklsflmfxkclick(item, check, index, indexs) {
        if (this.gdklsflmdh == 'RX2' || this.gdklsflmdh == 'X2LZ') {
          if (check === true && this.lmchecka.length < 7) {
            console.log('123456789456132487', item, this.lmchecka)
            this.lmchecka.push(item)
          } else {
            for (var i = 0; i < this.lmchecka.length; i++) {
              if (this.lmchecka[i] == item) {
                this.lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.lmchecka.length >= 7) {
              this.$alert('只能勾选7组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gdklsflm[index][indexs].checked = false
            }
          }
          if (this.lmchecka.length >= 2) {
            this.ggreadonly = false
          }
          if (this.lmchecka.length < 2) {
            this.ggreadonly = true
          }
        }
        if (this.gdklsflmdh == 'RX3' || this.gdklsflmdh == 'X3QZ') {
          if (check === true && this.lmchecka.length < 7) {
            this.lmchecka.push(item)
          } else {
            for (var i = 0; i < this.lmchecka.length; i++) {
              if (this.lmchecka[i] == item) {
                this.lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.lmchecka.length >= 7) {
              this.$alert('只能勾选7组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gdklsflm[index][indexs].checked = false
            }
          }
          if (this.lmchecka.length >= 3) {
            this.ggreadonly = false
          }
          if (this.lmchecka.length < 3) {
            this.ggreadonly = true
          }
        }
        if (this.gdklsflmdh == 'RX4') {
          if (check === true && this.lmchecka.length < 5) {
            this.lmchecka.push(item)
          } else {
            for (var i = 0; i < this.lmchecka.length; i++) {
              if (this.lmchecka[i] == item) {
                this.lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.lmchecka.length >= 5) {
              this.$alert('只能勾选5组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gdklsflm[index][indexs].checked = false
            }
          }
          if (this.lmchecka.length >= 4) {
            this.ggreadonly = false
          }
          if (this.lmchecka.length < 4) {
            this.ggreadonly = true
          }
        }
        if (this.gdklsflmdh == 'RX5') {
          if (check === true && this.lmchecka.length < 5) {
            this.lmchecka.push(item)
          } else {
            for (var i = 0; i < this.lmchecka.length; i++) {
              if (this.lmchecka[i] == item) {
                this.lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.lmchecka.length >= 5) {
              this.$alert('只能勾选5组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gdklsflm[index][indexs].checked = false
            }
          }
          if (this.lmchecka.length >= 5) {
            this.ggreadonly = false
          }
          if (this.lmchecka.length < 5) {
            this.ggreadonly = true
          }
        }
      },
      // 广东十一选5连码
      gd115lmkclick(item) {
        if (this.gd115lmdh !== item) {
          this.gd115lmreset()
        }
        this.gd115lmdh = item
        if (this.gd115lmchecka.length <= 1) {
          this.ggreadonly = true
        }
      },
      gd115lmfxkclick(item, check, index, indexs) {
        if (this.gd115lmdh == 'RX2Z2') {
          if (check === true && this.gd115lmchecka.length < 2) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 2) {
              this.$alert('只能勾选2组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 2) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 2) {
            this.ggreadonly = true
          }
        }
        if (this.gd115lmdh == 'RX3Z3') {
          if (check === true && this.gd115lmchecka.length < 3) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 3) {
              this.$alert('只能勾选3组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 3) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 3) {
            this.ggreadonly = true
          }
        }
        if (this.gd115lmdh == 'RX4Z4') {
          if (check === true && this.gd115lmchecka.length < 4) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 4) {
              this.$alert('只能勾选4组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 4) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 4) {
            this.ggreadonly = true
          }
        }
        if (this.gd115lmdh == 'RX5Z5') {
          if (check === true && this.gd115lmchecka.length < 5) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 5) {
              this.$alert('只能勾选5组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 5) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 5) {
            this.ggreadonly = true
          }
        }
        if (this.gd115lmdh == 'RX6Z5') {
          if (check === true && this.gd115lmchecka.length < 6) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 6) {
              this.$alert('只能勾选6组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 6) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 6) {
            this.ggreadonly = true
          }
        }

        if (this.gd115lmdh == 'RX7Z5') {
          if (check === true && this.gd115lmchecka.length < 7) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 7) {
              this.$alert('只能勾选7组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 7) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 7) {
            this.ggreadonly = true
          }
        }

        if (this.gd115lmdh == 'RX8Z5') {
          if (check === true && this.gd115lmchecka.length < 8) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 8) {
              this.$alert('只能勾选8组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 8) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 8) {
            this.ggreadonly = true
          }
        }
        if (this.gd115lmdh == 'Q2ZX') {
          if (check === true && this.gd115lmchecka.length < 5) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 5) {
              this.$alert('只能勾选5组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 2) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 2) {
            this.ggreadonly = true
          }
        }
        if (this.gd115lmdh == 'Q3ZX') {
          if (check === true && this.gd115lmchecka.length < 5) {
            this.gd115lmchecka.push(item)
          } else {
            for (var i = 0; i < this.gd115lmchecka.length; i++) {
              if (this.gd115lmchecka[i] == item) {
                this.gd115lmchecka.splice(i, 1) // 将这个元素移除
              }
            }
            if (this.gd115lmchecka.length >= 5) {
              this.$alert('只能勾选5组球号！', '用户提示', {
                confirmButtonText: '确定',
              })
              this.gsyxwlm[index][indexs].checked = false
            }
          }
          if (this.gd115lmchecka.length == 3) {
            this.ggreadonly = false
          }
          if (this.gd115lmchecka.length < 3) {
            this.ggreadonly = true
          }
        }
      },
      // 直选
      zxclick(item, title) {
        if (this.zxindex !== item) {
          this.ezdwreset()
          this.ggreadonly = true
        }
        this.zxindex = item
        this.option_codes = title
        this.cancelSubmit()
        for (var i = 0; i < this.gsyxwzx.length; i++) {
          this.gsyxwzx[i].checked = false
          this.gsyxwzxs[i].checked = false
          this.gsyxwzxsn[i].checked = false
        }
      },

      // 前三组跨度
      kdclick(title) {
        if (this.kdindex !== title) {
          this.multipleAmount = ''
          this.total.count = 0
          this.lottery = JSON.parse(JSON.stringify(this.memberLottery))
        }
        this.kdindex = title
      },
      // 二字组合
      ezzhclick(title) {
        if (this.ezzhindex !== title) {
          this.multipleAmount = ''
          this.total.count = 0
          this.lottery = JSON.parse(JSON.stringify(this.memberLottery))
        }
        this.ezzhindex = title
      },
      // 三字组合
      szzhclick(title) {
        if (this.szzhindex !== title) {
          this.multipleAmount = ''
          this.total.count = 0
          this.lottery = JSON.parse(JSON.stringify(this.memberLottery))
        }
        this.szzhindex = title
      },
      // 二字和数
      ezhsclick(title, title1) {
        if (this.ezhsindexa !== title) {
          this.multipleAmount = ''
          this.total.count = 0
          this.lottery = JSON.parse(JSON.stringify(this.memberLottery))
        }
        this.ezhsindexa = title
        this.ezhsindexb = title1
      },
      // 三字和数
      szhsclick(title, title1) {
        if (this.szhsindexa !== title) {
          this.multipleAmount = ''
          this.total.count = 0
          this.lottery = JSON.parse(JSON.stringify(this.memberLottery))
        }
        this.szhsindexa = title
        this.szhsindexb = title1
      },
    },

    watch: {
      diffCloseVuex(to, form) {
        if (form) {
          this.reset()
        }
      },
      $route(to, from) {
      },
      memberLottery(to, from) {
        this.lottery = JSON.parse(JSON.stringify(to))
      },
      multipleAmount(to, from) {
        if (!this.lottery) {
          return
        }
        for (const key in this.lottery) {
          if (this.lottery.hasOwnProperty(key)) {
            const element = this.lottery[key]
            element.forEach(row => {
              // console.log('row里有什么', row)
              if (row.checked) {
                row.amount = to
              }
            })
          }
        }
        console.log('bets', this.bets)
      },
      memberPageSelected(to, from) {
        this.reset()
      },
      memberLastResult(to, from) {
        this.showHead = false
        if (to) {
          for (const key in to.lszh) {
            if (to.lszh.hasOwnProperty(key)) {
              const element = to.lszh[key]
              this.current = key
              this.currentBottom = key
              return
            }
          }
        }
      },
      memberGameSelected(newValue, oldValue) {
        console.log(newValue, oldValue, '1234567890.+-*/')
      },
    },
  }
</script>

<style lang="scss" scoped>
  .betListup{
    width:100%;
  }
  .bet-list {
    margin-left: 190px;
    width: 1040px;
    .input-contain {
      height: 40px;
      line-height: 40px;
      text-align: center;
    }
    .input-number {
      height: 17px;
      width: 54px;
      background: url(/static/member/images/text_input.gif) repeat-x left top;
      border: #B9C2CB 1px solid;
      padding: 0 2px;
    }
    .member-odd {
      .el-row {
        background-color: beige;
        padding: 3px;
        .el-col {
          padding: 3px;
        }
      }
    }
    .T_PK10 {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .game-card {
      padding-right: 5px;
      line-height: 0.8;
    }
    .indexcombinationcss {
      color: red !important;
    }
    .card-title {
      cursor: pointer;
      margin-top: 8px;
      height: 30px;
      /*border: 1px solid rgb(195, 230, 244);*/
      /*background: url(/static/member/images/skin/blue/bg-sprites.png) repeat-x 0 -58px;*/
      font-size: 13px;
      font-weight: 700;
      line-height: 30px;
      text-align: center;
      /*color: rgb(53, 64, 109);*/
    }

    .result {
      margin: 0 5px 0 0;
      padding-right: 10px;
      .left {
        color: rgb(79, 77, 77);
        text-align: left;
        padding-left: 15px;
        span {
          // margin-left: 0px;
        }
      }
      .right {
        color: rgb(79, 77, 77);
        text-align: right;
      }
    }

    .active {
      background-color: rgb(255, 195, 59) !important;
      .card-left{
        background-color: rgb(255, 195, 59) !important;
      }
    }

    .cell {
      cursor: pointer;
    }

    .card-content {
      .el-col {
        /*border: 1px solid rgb(195, 230, 244);*/
        height: 30px;
        line-height: 30px;
        border-top: none;
        text-align: center;
      }
    }
    .card-content {
      .card-left {
        font-size: 13px;
        font-weight: 700;
        /*background-color: rgb(236, 243, 256);*/
      }
      .card-middle {
        border-left: none;
        font-weight: 700;
        color: red;
      }
      .card-right {
        border-left: none;
      }
    }

    .cell-flash {
      &:hover {
        .card-left {
          /*color: rgb(0, 127, 190);*/
        }
        .card-middle {
          /*color: rgb(0, 127, 190);*/
        }
      }
    }

    .game-top {
      border-left: 1px solid rgb(195, 230, 244);
      .game-top-left {
        border-left: none;
      }
    }

    .btn {
      /*background-color: rgb(0, 127, 190);*/
      border: black;
      width: 85px;
      &:hover {
        color: rgb(255, 195, 59) ;
      }
    }

    .el-dialog {
      width: 460px;
      margin-left: 330px;
    }

    .dialog-content {
      /*滚动条不占位置滚动*/
      width:calc(100% + 15px);
      max-height: 450px;
      /*width: 450px;*/
      /*width:100%;*/
      overflow-y: scroll;
      overflow-x: hidden;
      .card-content{
        /*overflow: hidden;*/
      }
    }
    /*滚动条隐藏滚动*/
    /*.dialog-content::-webkit-scrollbar{*/
    /*width:0;*/
    /*}*/

    .el-dialog__header {
      padding: 3px;
      .el-dialog__title {
        padding-left: 10px;
        font-size: 13px;
        font-weight: 700;
      }
    }
    .el-dialog__body {
      padding: 0 10px 10px 10px;
    }
    .el-dialog__footer {
      padding: 0px 0 10px 0;
      text-align: center;
    }
    .sum {
      .el-col {
        padding: 8px 0;
        font-weight: 700;
        text-align: center;
        /*border: 1px solid rgb(195, 230, 244);*/
        border-top: none;
        &:first-of-type {
          border-right: none;
        }
      }
      margin-bottom: 5px;
    }

    .dialog-title {
      .el-col {
        border-left: 1px solid rgb(195, 230, 244);
        &:first-of-type {
          border: none;
        }
      }
    }

    .lszd {
      margin-top: 8px;
      .head {
        @extend .card-title;
        margin-top: 0;
        font-weight: 400;
        box-sizing: content-box;
        .el-col {
          /*border-left: 1px solid rgb(195, 230, 244);*/
          &:first-of-type {
            /*border: none;*/
          }
          &.current {
            /*background: rgb(0, 127, 190);*/
            /*color: #fff;*/
            font-weight: 700;
          }
          div {
            cursor: pointer;
            width: 100%;
            height: 100%;
          }
        }
      }
      .top {
      }
      .middle {
        .el-col {
          .number {
            @extend .card-title;
            margin-top: 0;
            /*border: none;*/
            /*border-left: 1px solid rgb(195, 230, 244);*/
            height: 25px;
            line-height: 25px;
          }
          .count {
            @extend .number;
            background: #fff;
            height: 28px;
            line-height: 28px;
            font-weight: 400;
          }
          &:last-of-type {
            .number {
              /*border-right: 1px solid rgb(195, 230, 244);*/
            }
          }
        }
      }
      .bottom {
        .el-col {
          /*border: 1px solid rgb(195, 230, 244);*/
          border-top: none;
          border-left: none;
          text-align: center;
          &:first-of-type {
            /*border-left: 1px solid rgb(195, 230, 244);*/
          }
          .el-row {
            height: 16px;
            line-height: 16px;
          }
        }
      }
    }
  }

  /*时时彩样式*/
  .zonghe_bottom {
    display: flex;
    left: 0;
    width:100%;
  }

  .zonghe_group {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid rgb(195, 230, 244);
    border-left: 0;
    font-size: 14px;
  }

  .zonghe_group:first-child {
    border: 1px solid rgb(195, 230, 244) !important;
  }

  .list {
    margin-left: 5px;
  }

  .list .item {
    display: inline-block;
    width: 9%;
    height: 30px;
    line-height: 30px;
    background: #ebebeb;
    text-align: center;
    color: #6e6e7d;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
  }

  .ezdwitems {
    color: #fff !important;
  }

  .dwtitle {
    width: 50%;
    height: 30px;
    border: 1px solid rgb(195, 230, 244);
    background: url(/static/member/images/skin/blue/bg-sprites.png) repeat-x 0 -58px;
    line-height: 30px;
    float: left;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
  }

  .dwtitle1 {
    margin-top: 0;
    width: 50%;
    height: 30px;
    border: 1px solid rgb(195, 230, 244);
    line-height: 30px;
    text-align: center;
    float: left;
  }

  .Tenthousandposition {
    /*background: url(/static/member/images/skin/blue/bg-sprites.png) repeat-x 0 -58px;*/
    text-align: center;
    /*border: 1px solid rgb(195, 230, 244);*/
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0;
  }

  .Choice {
    height: 30px;
    width: 20%;
    margin-top: 0;
    background: url(/static/member/images/skin/blue/bg-sprites.png) repeat-x 0 -58px;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
  }

  .Choice .Choice-qiu {
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    margin-top: 0;
    float: left;
    width: 18%;
    text-align: center;
    border-right: none;
    font-weight: bold;
    border-left: none;
  }

  .Choice .Choice-qiu:nth-child(1) {
  }

  .Choice .Choice-xuanz {
    height: 31px;
    line-height: 31px;
    display: inline-block;
    width: 82%;
    float: left;
    text-align: center;
    font-weight: bold;
  }
  .Choice .Choice-xuanzs {
    height: 31px;
    line-height: 31px;
    display: inline-block;
    width: 82%;
    float: left;
    text-align: center;
    font-weight: bold;
  }

  .wqbsdigit {
    width: 20%;
    height: 28px;
    line-height: 28px;
    border-right: none;
    text-align: center;
    font-weight: bold;
    display: inline-block;
  }

  .wqbsdigitsc {
    width: 40%;
    height: 28px;
    line-height: 28px;
    border-right: none;
    border-left: none;
    text-align: center;
    font-weight: bold;
    display: inline-block;
  }

  .wqbsdigitsz {
    width: 25%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
  }

  .fxkcsssz {
    width: 75%;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    margin-left: -5px;
    border-right: none;
  }

  .fxkcsssc {
    width: 59%;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    margin-left: -5px;
    border-right: none;
  }

  .fxkcsssc label {
    width: 50%;
    height: 28px;
    line-height: 28px;
    margin-left: 12px;
  }

  .fxkcss {
    width: 40%;
    height: 28px;
    display: inline-block;
    margin-left: -5px;
    border-right: none;
  }

  .fxkcss label {
    width: 50%;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
  }

  .wbk {
    width: 39%;
    margin-left: -5px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    padding-left: 10%;
    border-left: none;
  }

  .wbk span {
    display: inline-block;
  }

  .wbk input {
    display: inline-block;
    width: 45%;
    height: 20px;
  }

  .contentws {
    width: 20%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    border: 1px solid #bddcf5;
    font-weight: bold;
    margin-right: -6px;
    border-right: none;
    background: url(/static/member/images/skin/blue/bg-sprites.png) repeat-x 0 -58px;
  }

  .contentxz {
    width: 59%;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #bddcf5;
    font-weight: bold;
    text-align: center;
    background: url(/static/member/images/skin/blue/bg-sprites.png) repeat-x 0 -58px;
  }

  .contentxza {
    width: 59%;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
  }

  /*连码样式*/
  .listlmccss {
    display: inline-block;
    width: 16.666%;
  }

  .listlmccss .radiocss {
    height: 30px;
    line-height: 35px;
    text-align: center;
  }

  .listlmccss .itemcss {
    height: 30px;
    line-height: 30px;
    text-align: center;
  }

  .listlmccss .itemcss:nth-child(3) {
    color: red;
    font-weight: bold;
    border-top: none;
  }

  .contentcss {
    height: 30px;
    line-height: 30px;
  }

  .contentnumcss {
    text-align: center;
    width: 20%;
    height: 30px;
    line-height: 30px;
    float: left;
    border: 1px solid rgb(195, 230, 244);
  }

  .contentinputcss {
    text-align: center;
    width: 80%;
    height: 30px;
    padding-top: 3px;
    float: left;
    border: 1px solid rgb(195, 230, 244);
  }

  /*广西快三*/
  .csshover {
    width: 32%;
    display: inline-block;
    padding: 42px;
    margin-top: 12px;
    margin-left: 5px;
  }

  .csshover:hover {
    background: url("/static/member/images/ball/k1.gif") no-repeat;
  }
  .csshovera:hover {
    background:none;
  }

  /*两面长龙排行*/
  .da {
    color: red !important;
  }

  .tongchi {
    color: rgb(41, 154, 38) !important
  }

  .lmclDiv{
    overflow: hidden;
    float:left;
    min-width: 169px;
    .card-content .el-col {
      line-height: 20px;
      height:auto;
      font-weight:normal;
    }
  }
  .wqcq{
    color: red;
  }
  .fastChooseAmount{
    background: linear-gradient(to bottom, #ff925f 0%,#ff7340 100%);
    border: 1px solid #ff6835;
    font-size: 13px;
    color: #FFFFFF;
    height: 20px;
    line-height: 16px;
    min-width: 68px;
    margin: 0 0 0 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
  }
  .fastChooseAmount:hover{
    font-weight: bold;
  }

  .showFastChooseBack{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(136, 136, 136, 0.3);
    z-index: 500;
    overflow-y: auto;
  }
  .showFastChooseBackFlex{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 500;
    overflow-y: auto;
  }

  .showFastChoose{
    position: absolute;
    top:50%;
    left:50%;
    height: auto;
    width: 270px;
    margin-left: -135px;
    border-width:5px;
    border-style:solid;
    background-color: #FFF;
    margin-top: -250px;
    z-index: 501;
  }
  .showFastChoose .showFastChoose_title{
    padding: 4px 0;
    line-height: 16px;
  }
  .showFastChoose .showFastChoose_title span{
    font-size: 13px;
    font-weight: 700;
    margin-left: 7px;
  }
  .showFastChoose .showFastChoose_title button{
    background-position: -52px -42px;
    height: 9px;
    width: 11px;
    border: none;
    margin: 3px 4px 0 0;
    padding: 0;
    float: right;
    text-indent: 99999px;
    font-size: 0;
  }
  .showFastChoose_content{
    display: block;
    width: auto;
    min-height: 91px;
    max-height: none;
    height: auto;
    text-align: center;
    margin-top: 10px;
  }
  .showFastChoose_content ul li{
    margin-bottom: 7px;
  }
  .showFastChoose_sub{
    font-size: 13px;
    color: #FFFFFF;
    height: 20px;
    line-height: 16px;
    width: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
  }
  .showFastChoose_content .ds{
    border: #B9C2CB 1px solid;
    padding: 0 4px;
    width: 120px;
    height: 25px;
  }


  /*注单弹窗*/
  .betsPopup{
    position: absolute;
    padding: 0;
    width: 400px;
    border-width:5px;
    border-style:solid;
    background-color: #FFF;
    z-index: 501;
  }
  .betsPopup .betsPopup_title{
    padding: 4px 0;
    line-height: 16px;
  }
  .betsPopup .betsPopup_title span{
    font-size: 13px;
    font-weight: 700;
    margin-left: 7px;
  }
  .betsPopup .betsPopup_title button{
    background-position: -52px -42px;
    height: 9px;
    width: 11px;
    border: none;
    margin: 3px 4px 0 0;
    padding: 0;
    float: right;
    text-indent: 99999px;
    font-size: 0;
  }
  .betsPopup_bottom{
    text-align: center;
    padding: 8px 0;
    .betsPopup_bottom_btn{
      width: 66px;
      height: 18px;
      line-height: 18px;
      margin-right: 5px;
      color: #fff;
      letter-spacing: 3px;
    }
    .betsPopup_bottom_btn:hover{
      font-weight: bold;
    }
  }
  .betsPopup_content{
    padding: 8px 8px 16px 8px;
    .betsPopup_content_table{
      max-height:300px;
      overflow-y:auto;
    }
  }
  .myTable{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    th {
      height: 24px;
      white-space: nowrap;
      font-weight: bold
    }
    td {
      height: 26px;
    }
  }
  .betsPopup_sum{
    span{
      display: inline-block;
      height: 26px;
      line-height: 26px;
      text-align: center;
    }
    .betsPopup_sum_spanLeft{
      width: 127px;
    }
    .betsPopup_sum_spanRight{
      width: 240px;
    }
  }
  .myTabel .textLeft{
    text-align: left;
  }
  .ColorSpan{
    font-size:13px;
    font-weight:bold
  }
  .messageTip{
    z-index:1001 !important;
  }
  .messageTipBack{
    z-index:1000 !important;
  }
  .redSpan{
    color:red !important;
    font-weight:bold;
  }
  .lmclGxk3{
    line-height:27px !important;
  }
</style>
<style>
  .arrow_box{
    width: 110px;
    position: absolute;
    background: #fff;
    border: 2px solid #666666;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.31);
    box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.31);
    margin-left:-16px;
    margin-top: 4px;
    line-height:14px;
  }
  .arrow_box .db {
    border: none;
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #4f4d4d;
    background: none;
    color: #4f4d4d;
    cursor: pointer;
  }
  .arrow_box .db:hover{
    background-color: #e6e6e6;
  }
  .arrow_box .dbclose {
    width: 100%;
    height: 20px;
    background: none;
    border: none;
    color: #ff0000;
    cursor: pointer;
  }
  .arrow_box .dbclose:hover{
    background-color: #ffe4e4;
  }
  .arrow_box.arrowUp:before {
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #666666;
    border-width: 11px;
    margin-left: -11px;
  }
  .arrow_box.arrowUp:before, .arrow_box.arrowUp:after {
    bottom: 100%;
  }
  arrow_box:after, .arrow_box:before {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .arrow_box.arrowUp:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
  }
  arrow_box.arrowUp:before, .arrow_box.arrowUp:after {
    bottom: 100%;
  }
  arrow_box:after, .arrow_box:before {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
</style>
